使用说明 - 谷堡Ai

引入方法

一站式：

嵌入式：

复制以下代码粘贴到自己网站

    <script>
        const CHAT_PRRAMS = {
            name: "//{{slotPropsUser.userDetail.domain}}",
            avatar: "{{slotPropsUser.userDetail.chat_avatar_path}}"
        };
        (function(){
            const script = document.createElement("script");
            script.src = "//www.gubel.cn/js/gubel/chat_1.js?v={{Math.random()}}";
            script.type = "text/javascript";
            document.head.appendChild(script);
        })();
    </script>

立刻使用谷堡AI客服

让谷堡 AI 客服，帮您的企业少漏单、多成交

{"avatar":"https:\/\/i1.gubel.cn\/gubel\/avatar\/2025\/09\/22\/68d12dafc6fbf4597272.jpg","nickname":"谷堡Ai","bio":"助力于企业在日益激烈的AI浪潮中占得先机","description":"深耕 AI 自动化任务处理与媒体广告变现领域，我们为企业与个人量身定制高效创收方案。企业可获取专属场景化变现策略，个人能以零技术门槛轻松赚取广告收益，开放技术赋能全用户群体，让高效创收触手可及。客服热线 400-1094253，随时为您提供咨询支持。","config":{"style":{"css":"color-scheme: dark;\n--color-base-100: oklch(27% 0.105 12.094);\n--color-base-200: oklch(41% 0.159 10.272);\n--color-base-300: oklch(45% 0.188 13.697);\n--color-base-content: oklch(87% 0.169 91.605);\n--color-primary: oklch(55% 0 0);\n--color-primary-content: oklch(98% 0 0);\n--color-secondary: oklch(70% 0.213 47.604);\n--color-secondary-content: oklch(98% 0.016 73.684);\n--color-accent: oklch(0% 0 0);\n--color-accent-content: oklch(100% 0 0);\n--color-neutral: oklch(51% 0.222 16.935);\n--color-neutral-content: oklch(96% 0.015 12.422);\n--color-info: oklch(58% 0.158 241.966);\n--color-info-content: oklch(97% 0.013 236.62);\n--color-success: oklch(64% 0.2 131.684);\n--color-success-content: oklch(98% 0.031 120.757);\n--color-warning: oklch(66% 0.179 58.318);\n--color-warning-content: oklch(98% 0.022 95.277);\n--color-error: oklch(59% 0.249 0.584);\n--color-error-content: oklch(97% 0.014 343.198);\n--radius-selector: 1rem;\n--radius-field: 0rem;\n--radius-box: 0.5rem;\n--size-selector: 0.25rem;\n--size-field: 0.25rem;\n--border: 1px;\n--depth: 0;\n--noise: 1;\n    ","theme":"dark","body_bg_img":"","body_bg_img_style":""},"layout":"index_topbar,index_navbar,index_body_1,index_body_2,index_body_3,index_body_left_1,index_body_left_2,index_body_right_1,index_body_right_2,news_topbar,news_navbar,news_detail_topbar,news_detail_navbar,about_topbar,about_navbar,foot","weixin_xcx":{"app_name":"谷堡微站","appid":"wx572c1e21c1dea099","secret":"6dacb47637828df14279dbc1ad3448e9","user_name":"gh_fafd4d794fd9","layouts":{"navs":"1,2","index":"layout3","news":"layout1","news_detail":"layout3","hub":"layout1"}}},"is_auto_login":0,"code_version":"20260422015257","content":"<p><br\/><\/p><p><span style=\"font-size: 24px;\"><a id=\"公司简介\"><\/a><strong>公司简介<br\/><\/strong><\/span><br\/>成立于 2025 年，是一家专注于为中小企业提供 AI 客服解决方案的科技公司。我们依托Qwen大模型的强大能力，致力于用技术降低企业服务成本，提升客户转化效率，让每一家中小企业都能用上高效、智能的客服系统。<br\/><br\/>我们的团队汇聚了多名在市场营销、客户服务、软件开发领域深耕 10 余年的行业精英，同时吸纳了顶尖的 AI 技术人才，共同打造更懂企业需求的智能服务产品。<br\/><br\/><br\/><\/p><div id=\"使命和愿景\"><\/div><p><strong style=\"font-size: 24px;\">使命<br\/><\/strong><br\/>我们致力于打造高效、智能的 AI 客服系统，让每一家在行业中默默深耕、却被内卷淹没的中小企业，真正被看见、被信任、脱颖而出。<br\/><br\/><br\/><strong style=\"font-size: 24px;\">愿景<\/strong><span style=\"font-size: 24px;\"><strong><br\/><br\/><\/strong><\/span>成为中小企业最信赖的 AI 伙伴，用技术助力每一家实干企业拔得头筹、稳步成长。<br\/><br\/><br\/><a id=\"我们的优势\"><\/a><strong style=\"font-size: 24px;\">我们的优势<\/strong><\/p><p><br\/><\/p><p><br\/>依托QWEN大模型与专属知识库，AI 回答更精准、更专业。<br\/>提供一站式与嵌入式两种部署方案，灵活适配不同企业场景<br\/>专为中小企业打造的定价体系，成本透明、投入可控。<br\/>拥有专业可靠的技术与支持团队，响应及时、服务稳定。<br\/>全透明收费模式，无任何隐形消费，使用更放心。<br\/>产品持续迭代更新，不断优化功能与体验，长期陪伴企业成长。<br\/><br\/><br\/><a id=\"企业文化\"><\/a><strong style=\"font-size: 24px;\">企业文化<\/strong><\/p><p><br\/>我们坚持健康可持续的工作理念，拒绝无偿加班、拒绝劳力压榨、拒绝形式主义，保障员工身心平衡，以愉悦状态创造真正优质的成果。<br\/><br\/>我们倡导坦诚沟通、对事不对人，尊重专业、相信伙伴，让努力被看见，让价值有回报。<br\/><br\/>我们坚守技术伦理，抵制替代人类的 AI，专注发展增强型 AI，让技术成为人的助手与伙伴，始终保持人类主导，用 AI 解放人力、赋能工作。<br\/><br\/>我们坚持干净盈利、心安做事，不套路客户、不隐藏收费、不割韭菜，与企业长期共赢。<\/p><p><br\/><\/p>","contact":"<p><br\/><\/p><p><strong style=\"text-wrap-mode: wrap;\"><span style=\"font-size: 24px;\"><\/span><\/strong><strong style=\"text-wrap-mode: wrap;\"><span style=\"font-size: 24px;\">联系方式<br\/><\/span><\/strong><br\/><span style=\"font-size: 20px;\">免费热线：400-1094253<br\/>联系电话：16616666586<br\/>QQ：3956420931<\/span><\/p><p><span style=\"text-wrap-mode: wrap; font-size: 20px;\"><span style=\"font-size: 20px; text-wrap-mode: wrap;\">微信：   <\/span><br style=\"font-size: 20px; text-wrap-mode: wrap;\"\/><span style=\"font-size: 20px; text-wrap-mode: wrap;\">              <\/span><img o=\"ue_1\" src=\"https:\/\/i1.gubel.cn\/gubel\/editor\/2026\/03\/10\/69af9999e6e993189405.jpg\" width=\"200\" alt=\"\" style=\"font-size: 20px; text-wrap-mode: wrap;\"\/><span style=\"font-size: 20px; text-wrap-mode: wrap;\">  <br\/><\/span><span style=\"text-wrap-mode: wrap; font-size: 20px;\">电子邮箱：halorbit@hotmail.com<br\/>联系地址：北京市通州区经济开发区聚富苑产业园区聚和留街1号-9011<\/span><\/span><span style=\"text-wrap-mode: wrap; font-size: 20px;\"><\/span><\/p><p><br\/><\/p>","ui_version":"v1","aeo":null,"domain":"www.gubel.cn","tel":"400-1094253","country":null,"province":null,"city":null,"address":"中国北京","lat":null,"lng":null,"chat_avatar_path":"\/\/www.gubel.cn\/imgs\/chat\/avatars\/avatar_1.png","navs":[{"name":"使用说明","url":"\/page\/891979218d1fe00ca0deb0eb85d8196d"}],"banners":[{"title":"title","image":"https:\/\/i1.gubel.cn\/gubel\/banner\/2025\/06\/24\/685984b9a89d18107901.jpg","url":"url"},{"title":"f'd'sa'f'd","image":"https:\/\/i1.gubel.cn\/gubel\/banner\/2025\/06\/24\/685984c4ca4c75474494.jpg","url":"范德萨发达发达"}],"templates":[{"position_name":"meta","content":"\n<script>\nvar _hmt = _hmt || [];\n(function() {\n  var hm = document.createElement(\"script\");\n  hm.src = \"https:\/\/hm.baidu.com\/hm.js?d2647ee4d2bd3d438d4a111f135d4612\";\n  var s = document.getElementsByTagName(\"script\")[0]; \n  s.parentNode.insertBefore(hm, s);\n})();\n<\/script>"},{"position_name":"index_block","content":"<div class=\"hero min-h-screen select-none\">\n    <div class=\"hero-content w-full\">\n        <div>\n            <div class=\"text-center px-5\">\n                <h1 class=\"text-5xl font-bold leading-tight\">谷堡 AI 客服，帮您的企业少漏单、多成交<\/h1>\n                <p class=\"py-6\">基于向量打造，无成本、高效率，让企业客服更省心。<\/p>\n                <div>\n                    <a href=\"\/\/console.gubel.cn\/\">\n                        <button class=\"btn btn-accent px-8 rounded-box\">立即开始免费试用30天<\/button>\n                    <\/a>\n                    <gb-is-login v-slot=\"slotProp\" class=\"hidden\">\n                        <gb-login v-if=\"!slotProp.isLogin\">\n                            <button class=\"btn px-8 ms-1\" type=\"button\">免费开通微站<\/button>\n                        <\/gb-login>\n                    <\/gb-is-login>\n                <\/div>\n            <\/div>\n            <div class=\"max-w-3xl mx-auto mt-20\">\n                <div class=\"grid grid-cols-12 gap-4\">\n                    <div class=\"col-span-12 md:col-span-6 bg-base-100\/20 rounded-box p-5 shadow-none transition-all duration-700 hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)]\">\n                        <div class=\"font-bold\">AI客服加网站，一站式服务<\/div>\n                        <div class=\"mt-2 h-[70px] md:h-[90px]\">若您尚未拥有自己的网站。您可以在谷堡开通一个附带AI客服的网站，且该网站能够扮演微信服务号的角色。<\/div>\n                        <div>\n                            <a\n                                href=\"\/page\/891979218d1fe00ca0deb0eb85d8196d\"\n                                class=\"btn btn-outline btn-secondary btn-xs\"\n                            >\n                                了解一站式AI客服\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-span-12 md:col-span-6 bg-base-100\/20 rounded-box p-5 shadow-none transition-all duration-700 hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)]\">\n                        <div class=\"font-bold\">将AI客服嵌入现有网站<\/div>\n                        <div class=\"mt-2 h-[70px] md:h-[90px]\">若您已拥有自己的网站，您可以选择通过Java Script 直接将AI客服嵌入您的网站。<\/div>\n                        <div>\n                            <a\n                                href=\"\/page\/891979218d1fe00ca0deb0eb85d8196d\"\n                                class=\"btn btn-outline btn-secondary btn-xs\"\n                            >\n                                了解嵌入式AI客服\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"-mt-20 w-full md:w-[896px] hidden\">\n            <div>\n                <div class=\"text-3xl md:text-5xl font-bold leading-normal\">\n                    不懂AI也能用的智能客服\n                <\/div>\n                <div class=\"text-2xl md:text-3xl text-secondary mt-8\">\n                    只回答重复问题、收集客户线索，订单和价格您自己谈。\n                <\/div>\n                <div class=\"text-2xl md:text-3xl text-secondary mt-2\">\n                    7x24小时不漏客户，5分钟就学会。\n                <\/div>\n                <div class=\"mt-16 mb-3\">\n                    <gb-easy-form title=\"申请免费试用\">\n                        <button class=\"btn px-12 btn-secondary\">立即免费试用<\/button>\n                    <\/gb-easy-form>\n                <\/div>\n                <div class=\"text-1xl text-secondary\">\n                    不用懂AI，上手即用，安心守住每一条线索\n                <\/div>\n            <\/div>\n            <div class=\"hidden\">\n                <div>\n                    <div id=\"home_typed1\" class=\"text-3xl md:text-5xl font-bold leading-normal\"><\/div>\n                    <div id=\"home_typed2\" class=\"text-3xl md:text-5xl font-bold leading-normal mt-5\"><\/div>\n                    <div id=\"home_typed3\" class=\"text-3xl md:text-5xl font-bold leading-normal mt-5\"><\/div>\n                    <div id=\"home_typed4\" class=\"text-3xl md:text-5xl font-bold leading-normal mt-5\"><\/div>\n                <\/div>\n                <div class=\"my-2\">\n                    <a href=\"\/page\/891979218d1fe00ca0deb0eb85d8196d\" class=\"btn btn-outline btn-secondary px-12 mt-10\">\n                        立即免费试用\n                    <\/a>\n                <\/div>\n                <div class=\"text-1xl font-bold leading-tight text-secondary\">不用懂 AI，上手就能用，不漏一个意向客户<\/div>\n                <gb-script>\n                    require(['typed'], function(Typed){\n                        const allSpeed = 15;\n                        new Typed('#home_typed1', {\n                            strings: ['别家 AI 抢着替你谈客户'],\n                            typeSpeed: allSpeed,\n                            showCursor: false,\n                            loop: false,\n                            onComplete: function(self) {\n                                new Typed('#home_typed2', {\n                                    strings: ['我们只帮你守住客户，绝不乱说话'],\n                                    typeSpeed: allSpeed,\n                                    showCursor: false,\n                                    loop: false,\n                                    onComplete: function(self) {\n                                        new Typed('#home_typed3', {\n                                            strings: ['7×24 小时兜底接询盘，实时同步客户需求给你 '],\n                                            typeSpeed: allSpeed,\n                                            showCursor: false,\n                                            loop: false,\n                                            onComplete: function(){\n                                                new Typed('#home_typed4', {\n                                                    strings: ['谈价格、谈交期，永远你说了算'],\n                                                    typeSpeed: allSpeed,\n                                                    showCursor: false,\n                                                    loop: false\n                                                });\n                                            }\n                                        });\n                                    }\n                                });\n                            }\n                        });\n                    });\n                <\/gb-script>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"hero bg-gray-200 flex flex-col justify-center items-center select-none\">\n    <div class=\"grid grid-cols-2 md:grid-cols-4 gap-5 max-w-4xl py-20 md:py-32 px-5\">\n        <div class=\"rounded-box p-3 bg-white text-primary transition-all shadow-sm duration-700 hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)]\">\n            <div class=\"font-bold text-lg text-center\">零门槛<\/div>\n            <div class=\"text-sm h-[50px] mt-1\">不用懂AI，分分钟就能上手<\/div>\n            <div class=\"px-5\">\n                <img class=\"w-full\" src=\"\/\/i1.gubel.cn\/gubel\/avatar\/2026\/03\/31\/69cbee9a6ca2c7975440.png\">\n            <\/div>\n        <\/div>\n        <div class=\"rounded-box p-3 bg-white text-primary transition-all shadow-sm duration-700 hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)]\">\n            <div class=\"font-bold text-center\">安全可靠<\/div>\n            <div class=\"text-sm h-[50px] mt-1\">AI只接线索、答常见问题，绝不替你谈价格谈订单<\/div>\n            <div class=\"px-5\">\n                <img class=\"w-full\" src=\"\/\/i1.gubel.cn\/gubel\/avatar\/2026\/03\/31\/69cbeef5c112d5376000.png\">\n            <\/div>\n        <\/div>\n        <div class=\"rounded-box p-3 bg-white text-primary transition-all shadow-sm duration-700 hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)]\">\n            <div class=\"font-bold text-center\">不漏客户<\/div>\n            <div class=\"text-sm h-[50px] mt-1\">7x24小时在线，意向线索时时同步<\/div>\n            <div class=\"px-5\">\n                <img class=\"w-full\" src=\"\/\/i1.gubel.cn\/gubel\/avatar\/2026\/03\/31\/69cbeef8cfdce5628423.png\">\n            <\/div>\n        <\/div>\n        <div class=\"rounded-box p-3 bg-white text-primary transition-all shadow-sm duration-700 hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)]\">\n            <div class=\"font-bold text-center\">简单高效<\/div>\n            <div class=\"text-sm h-[50px] mt-1\">重复问题AI搞定，您专注谈大单<\/div>\n            <div class=\"px-5\">\n                <img class=\"w-full\" src=\"\/\/i1.gubel.cn\/gubel\/avatar\/2026\/03\/31\/69cbeefc9d6435901361.png\">\n            <\/div>\n        <\/div>\n    <\/div>\n    <gb-Lazy-show v-slot=\"slotProps\">\n        <div \n            :class=\"[\n                'text-center px-2 transition-all duration-1000 ease-out',\n                slotProps.isShow ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-32'\n            ]\"\n        >\n            <div class=\"text-4xl md:text-5xl font-bold text-gray-400\/60\">不增加人手，也能提升客户转化率！<\/div>\n            <div class=\"mt-10\">\n                <a href=\"\/page\/08b8c33c0eab9d94ce89c0e9384f5e75\" class=\"btn btn-md md:btn-lg btn-outline border-3 btn-secondary rounded-full px-10\">\n                获取解决方案\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/gb-Lazy-show>\n    <gb-Lazy-show v-slot=\"slotProps\">\n        <div\n            :class=\"[\n                'hero-content flex-col mt-20 md:mt-32 lg:flex-row gap-20 md:gap-10 text-accent transition-all duration-1000 ease-out',\n                slotProps.isShow ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-32'\n            ]\"\n        >\n            <div class=\"bg-gradient-to-r from-[#c10000] to-[#ff3b30] rounded-box flex p-8 gap-4 items-center text-center text-gray-800\">\n                <div class=\"bg-white\/50 p-5 rounded-box border-1 border-white\/30 shadow\">\n                    <div>\n                        <img \n                            src=\"\/\/i1.gubel.cn\/gubel\/avatar\/2026\/03\/05\/69a9184438f652221799.jpg\" \n                            class=\"w-[50px] h-[50px] rounded-full shadow inline-block border-3 border-white\/70 pointer-events-none\"\n                        >\n                    <\/div>\n                    <div class=\"mt-3 text-sm\">精准应答<br>直击要点<\/div>\n                <\/div>\n                <div class=\"bg-white\/50 p-5 rounded-box border-1 border-white\/30 shadow\">\n                    <div>\n                        <img \n                            src=\"\/\/i1.gubel.cn\/gubel\/avatar\/2026\/03\/05\/69a91840367e61203555.jpg\" \n                            class=\"w-[50px] h-[50px] rounded-full shadow inline-block border-3 border-white\/70 pointer-events-none\"\n                        >\n                    <\/div>\n                    <div class=\"mt-3 text-sm\">基于资料<br>拒绝幻觉<\/div>\n                <\/div>\n                <div class=\"bg-white\/50 p-5 rounded-box border-1 border-white\/30 shadow\">\n                    <div>\n                        <img \n                            src=\"\/\/i1.gubel.cn\/gubel\/avatar\/2026\/03\/05\/69a912cfc81be9237674.jpg\" \n                            class=\"w-[50px] h-[50px] rounded-full shadow inline-block border-3 border-white\/70 pointer-events-none\"\n                        >\n                    <\/div>\n                    <div class=\"mt-3 text-sm\">人机切换<br>无割裂感<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-gray-700\">\n                <h1 class=\"text-5xl font-bold\">三层式设计<\/h1>\n                <p class=\"py-6\">让谷堡AI客服既能节省您的成本，又能给您的客户带来良好体验。<\/p>\n            <\/div>\n        <\/div>\n    <\/gb-Lazy-show>\n    <gb-Lazy-show v-slot=\"slotProps\">\n        <div\n            :class=\"[\n                'hidden hero-content flex-col lg:flex-row text-accent mt-10 md:mt-20 text-gray-700 transition-all duration-1000 ease-out',\n                slotProps.isShow ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-32'\n            ]\"\n        >\n            <div>\n                <h1 class=\"text-3xl font-bold text-end\">傻瓜式操作，分分钟上手<\/h1>\n                <div class=\"py-6\">\n                    <p>无需培训，后台操作一目了然，手机电脑随时管理。<\/p>\n                    <p>免费技术支持全程在线，快速搞定一切问题。<\/p>\n                <\/div>\n            <\/div>\n            <img\n                src=\"\/\/i1.gubel.cn\/gubel\/avatar\/2026\/03\/05\/69a91dec196549917616.jpg\"\n                class=\"w-[200px] pointer-events-none\"\n            \/>\n        <\/div>\n    <\/gb-Lazy-show>\n    \n    <div class=\"w-full mt-20 hidden\">\n        <div class=\"divider divider-neutral\">\n            <span class=\"text-4xl font-bold text-gray-600\">限时春季折扣，低至7折<\/span>\n        <\/div>\n    <\/div>\n    <div class=\"py-8 hidden\">\n        <www-time-end v-slot=\"slotProps\" ymd=\"2026-05-15\">\n            <div class=\"grid grid-cols-4 gap-4 text-center\" v-if=\"slotProps.times\">\n                <div class=\"bg-gray-200 rounded-lg text-gray-800 p-2 border border-gray-400 shadow-md\">\n                    <div class=\"text-5xl\">{{slotProps.times.day}}<\/div>\n                    <div>天<\/div>\n                <\/div>\n                <div class=\"bg-gray-200 rounded-lg text-gray-800 p-2 border border-gray-400 shadow-md\">\n                    <div class=\"text-5xl\">{{slotProps.times.hours}}<\/div>\n                    <div>小时<\/div>\n                <\/div>\n                <div class=\"bg-gray-200 rounded-lg text-gray-800 p-2 border border-gray-400 shadow-md\">\n                    <div class=\"text-5xl\">{{slotProps.times.minutes}}<\/div>\n                    <div>分<\/div>\n                <\/div>\n                <div class=\"bg-gray-200 rounded-lg text-gray-800 p-2 border border-gray-400 shadow-md\">\n                    <div class=\"text-5xl\">{{slotProps.times.seconds}}<\/div>\n                    <div>秒<\/div>\n                <\/div>\n            <\/div>\n        <\/www-time-end>\n    <\/div>\n    \n    <div class=\"max-w-5xl mx-4 grid grid-cols-1 md:grid-cols-3 gap-6 hidden\">\n        <div\n            class=\"\"\n            v-for=\"(item, index) in [\n                {\n                    title: '基础版',\n                    badge: '',\n                    price: '￥299\/月',\n                    tools: [\n                        '自动回复客户咨询',\n                        '简单设置，快速启用',\n                        '适合咨询量较少的小型工厂'\n                    ],\n                    desc: '',\n                    formTitle: '基础版 ￥299\/月 申请免费试用',\n                    btnName: '先免费试试看'\n                },{\n                    title: '标准版',\n                    badge: '热门选择',\n                    price: '￥399\/月',\n                    tools: [\n                        '智能匹配业务问答，回复更专业',\n                        '支持自定义话术',\n                        '接待更稳定，响应更流畅',\n                        '适合日常又稳定咨询的工厂'\n                    ],\n                    desc: '可同时接待多位客户',\n                    formTitle: '标准版 ￥399\/月 申请试用',\n                    btnName: '立即免费试用'\n                },{\n                    title: '高级版',\n                    badge: '',\n                    price: '￥549\/月',\n                    tools: [\n                        '全场景自定义配置',\n                        '支持复杂业务流程',\n                        '稳定性与承载能力更强',\n                        '适合咨询量大、要求更高的工厂'\n                    ],\n                    desc: '专属技术优先响应',\n                    formTitle: '高级版 ￥549\/月 申请试用',\n                    btnName: '申请免费试用'\n                }\n            ]\" \n            :key=\"index\"\n        >\n            <div class=\"card bg-neutral text-neutral-content card-xs shadow-none transition-all duration-700 hover:shadow-[0_4px_12px_rgba(0,0,0,0.6)]\">\n                <div class=\"card-body pt-8\">\n                    <div class=\"absolute -end-5 -top-1\">\n                        <div v-if=\"item.badge\" class=\"animate-bounce\">\n                            <div class=\"text-shadow-[2px_1px_1px_#fff] inline-block text-orange-400 rotate-12 text-2xl font-black  shadow shadow-md rounded-box px-2\">\n                                {{item.badge}}\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex justify-between gap-4\">\n                        <h2 class=\"text-2xl font-bold\">{{item.title}}<\/h2>\n                        <span class=\"text-xl\">{{item.price}}<\/span>\n                    <\/div>\n                    <ul class=\"mt-3 flex flex-col gap-1 text-xs h-[100px]\">\n                        <li v-for=\"(item1, index1) in item.tools\" :key=\"index1\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-4 me-1 inline-block text-neutral-content\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/><\/svg>\n                            <span>{{item1}}<\/span>\n                        <\/li>\n                    <\/ul>\n                    <div class=\"h-[20px] text-end text-sm font-bold\">{{item.desc}}<\/div>\n                    <div>\n                        <gb-easy-form :title=\"item.formTitle\">\n                            <button class=\"btn btn-sm btn-secondary btn-block\">{{item.btnName}}<\/button>\n                        <\/gb-easy-form>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"text-primary mt-5 font-bold text-1xl mx-4 hidden\">\n        在任意套餐基础上+100元\/月 可额外开通网站(含AI客服接入.3年后网站彻底免费)\n    <\/div>\n    <div>\n        <h1 class=\"text-5xl font-bold mt-32 mb-20 text-gray-400\">应用场景<\/h1>\n    <\/div>\n    \n    <gb-Lazy-show v-slot=\"slotProps\">\n        <div\n            :class=\"[\n                'hero-content flex-col lg:flex-row text-accent py-5 text-gray-700 transition-all duration-1000 ease-out',\n                slotProps.isShow ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-32'\n            ]\"\n        >\n            <img\n                src=\"\/\/i1.gubel.cn\/gubel\/avatar\/2026\/03\/05\/69a91fe8bb3719349067.jpg\"\n                class=\"w-[200px] pointer-events-none\"\n            \/>\n            <div>\n                <div class=\"py-6 max-w-[600px]\">\n                    <h1 class=\"text-2xl font-bold\">食品加工厂的渠道代理，还在被重复询价拖住吗？<\/h1>\n                    <div class=\"py-6 max-w-[600px]\">\n                        <p>全国各地的经销商频繁咨询代理政策、区域保护规则、常规品进货价、标准发货周期，销售团队天天重复回答，根本没时间开拓新客户？<\/p>\n                        <p class=\"mt-3\">谷堡 AI 客服：精准回复你提前定好的标准化代理政策、常规品报价、发货规则，自动同步客户的定制需求和联系方式给你，不乱报优惠、乱承诺特殊政策，让团队从重复工作里解放出来，核心合作永远由你亲自敲定。<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/gb-Lazy-show>\n    <gb-Lazy-show v-slot=\"slotProps\">\n        <div \n            :class=\"[\n                'hero-content flex-col lg:flex-row text-accent py-5 border-t-3 border-b-3 border-gray-300 text-gray-700 transition-all duration-1000 ease-out',\n                slotProps.isShow ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-32'\n            ]\"\n        >\n            <div>\n                <h1 class=\"text-2xl font-bold\">电子厂的技术支持，还在被重复参数咨询拖慢节奏吗？<\/h1>\n                <div class=\"py-6 max-w-[600px]\">\n                    <p>客户天天问固定产品参数、驱动下载链接、标准技术文档、常规起订量、标准交期，技术团队天天重复回答，没时间处理真正的非标定制需求，响应慢还影响口碑？<\/p>\n                    <p class=\"mt-3\">谷堡 AI 客服：精准回复你提前校准的产品参数、技术文档、常规起订量和标准交期，自动同步客户的非标定制需求和联系方式给你，不乱报定制参数、乱承诺特殊交期，让技术团队从重复工作里解放出来，核心技术对接永远由你亲自把控。<\/p>\n                <\/div>\n            <\/div>\n            <img\n                src=\"\/\/i1.gubel.cn\/gubel\/avatar\/2026\/03\/05\/69a923e09046493780.png\"\n                class=\"w-[250px] pointer-events-none\"\n            \/>\n        <\/div>\n    <\/gb-Lazy-show>\n    <gb-Lazy-show v-slot=\"slotProps\">\n        <div\n            :class=\"[\n                'hero-content flex-col lg:flex-row text-accent py-8 text-gray-700 transition-all duration-1000 ease-out',\n                slotProps.isShow ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-32'\n            ]\"\n        >\n            <img\n                src=\"\/\/i1.gubel.cn\/gubel\/avatar\/2026\/03\/05\/69a923e5dc7719373546.png\"\n                class=\"w-[200px] pointer-events-none\"\n            \/>\n            <div>\n                <h1 class=\"text-2xl font-bold\">汽配厂的售后工单，还在被重复问题拉低效率吗？<\/h1>\n                <div class=\"py-6 max-w-[600px]\">\n                    <p>客户天天重复问标准质保范围、常规退换货流程、官方维修网点地址、常规件发货周期，客服每天重复回答，效率极低，复杂售后反而没时间处理？<\/p>\n                    <p class=\"mt-3\">谷堡 AI 客服：自动处理 80% 的标准化售后咨询，精准回复你定好的质保规则、退换货流程、网点信息，复杂售后问题一键转人工，不乱承诺特殊质保、乱改退换货规则，客服效率提升 3 倍，核心售后对接永远你说了算。<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/gb-Lazy-show>\n    <gb-Lazy-show v-slot=\"slotProps\">\n        <div \n            :class=\"[\n                'text-center py-20 md:py-32 px-2 transition-all duration-1000 ease-out',\n                slotProps.isShow ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-32'\n            ]\"\n        >\n            <div class=\"text-4xl md:text-5xl font-bold text-gray-400\">很多客户，其实是因为“没人及时回复”才流失的<\/div>\n            <div class=\"mt-10\">\n                <a href=\"\/page\/08b8c33c0eab9d94ce89c0e9384f5e75\" class=\"btn btn-md md:btn-lg btn-outline border-3 btn-secondary rounded-full px-10\">\n                    看看怎么实现自动回复\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/gb-Lazy-show>\n    <gb-Lazy-show v-slot=\"slotProps\">\n        <div\n            :class=\"[\n                'bg-gradient-to-r from-[#c10000] to-[#ff3b30] rounded-box p-10 max-w-3xl mt-10 md:mt-20 mx-4 text-white transition-all duration-1000 ease-out',\n                slotProps.isShow ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-32'\n            ]\"\n        >\n            <h2 class=\"text-center text-3xl mb-5\">FAQ常见问题<\/h2>\n            <div class=\"py-5\">\n                <div class=\"font-bold\">AI 客服能完全替代人工吗？<\/div>\n                <div class=\"mt-2\">\n                    <p>\n                    不能。谷堡 AI 客服是辅助人工的工具，它帮客服减少重复劳动，提升服务效率和质量，还能在非工作时间承接咨询，\n                    让你不错过任何客户。\n                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"py-5\">\n                <div class=\"font-bold\">我不懂技术也能安装AI客服吗？<\/div>\n                <div class=\"mt-2\">\n                    <p>当然可以。我们不但提供技术支持，还提供嵌入式和一站式两种方案：<\/p>\n                    <p>有网站：一键嵌入，10 分钟上线。<\/p>\n                    <p>无网站：我们帮你搭建带 AI 客服的专属站点，全程无需技术。<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/gb-Lazy-show>\n<\/div>\n<div class=\"bg-gray-200 px-2 md:px-0 py-20\">\n    <gb-Lazy-show v-slot=\"slotShowProps\">\n        <gb-home-group v-slot=\"dataProp\">\n            <div\n                v-if=\"dataProp.dataGroup?.news_list?.data\"\n                :class=\"[\n                    'max-w-5xl mx-auto py-10 transition-all duration-1000 ease-out',\n                    slotShowProps.isShow ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-32'\n                ]\"\n            >\n                <div class=\"index_comment_list_123 overflow-hidden\">\n                    <div class=\"font-title pb-2 text-gray-400\/60 font-bold\">最新动态<\/div>\n                    <div class=\"swiper-wrapper\">\n                        <template v-for=\"(item, index) in dataProp.dataGroup.news_list.data\" :key=\"index\">\n                            <div class=\"swiper-slide\" v-if=\"index<10\">\n                                <div class=\"bg-white\/50 rounded-box overflow-hidden\">\n                                    <a\n                                        :href=\"'\/news\/'+item.id\"\n                                        class=\"block\"\n                                        :style=\"'padding-top:60%;background:url('+item.cover+'?x-oss-process=image\/resize,m_fill,w_260,h_180\/quality,q_90) no-repeat center center \/cover'\"\n                                    >\n                                        <img\n                                            class=\"hidden\"\n                                            :src=\"item.cover+'?x-oss-process=image\/resize,m_fill,w_260,h_180\/quality,q_90'\"\n                                        >\n                                    <\/a>\n                                    <div class=\"p-2\">\n                                        <div class=\"line-clamp-1\">\n                                            <a class=\"text-sm text-accent\" :href=\"'\/news\/'+item.id\">{{item.title}}<\/a>\n                                        <\/div>\n                                        <div class=\"text-sm mt-1 text-accent\">\n                                            <div\n                                                class=\"line-clamp-1\"\n                                                v-if=\"item.comment_list\"\n                                                v-for=\"(item1, index1) in item.comment_list\"\n                                                :key=\"index1\"\n                                            >\n                                                <a :href=\"item1.user_domain\" class=\"text-base-100\">{{item1.user_nickname}}:<\/a>\n                                                <span class=\"ms-1\">{{item1.content}}<\/span>\n                                            <\/div>\n                                            <div v-else>\n                                                <span class=\"opacity-50\">...<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/template>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/gb-home-group>\n    <\/gb-Lazy-show>\n    <gb-script>\n        require(['swiper'], function(Swiper){\n            const swiperInstance = new Swiper(\".index_comment_list_123\", {\n                slidesPerView: 3.5,\n                spaceBetween: 12,\n                freeMode: true,\n            });\n            setView();\n            window.addEventListener('resize', () => {\n                setView();\n            });\n            function setView(){\n                const window_width = window.innerWidth;\n                if(window_width<=700){\n                    swiperInstance.params.slidesPerView = 3.3;\n                    swiperInstance.params.spaceBetween = 8;\n                }else{\n                    swiperInstance.params.slidesPerView = 4.3;\n                    swiperInstance.params.spaceBetween = 12;\n                }\n            }\n\n        });\n    <\/gb-script>\n<\/div>\n\n\n<gb-Lazy-show v-slot=\"slotShowProps\">\n    <div\n        :class=\"[\n            'bg-base-300 rounded-box py-10 px-20 max-w-4xl my-20 mx-auto text-center transition-all duration-1000 ease-out',\n            slotShowProps.isShow ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-32'\n        ]\"\n    >\n        <gb-server-group v-slot=\"slotProps\">\n            <div>\n                <img :src=\"slotProps.serverDetail.avatar\" class=\"inline-block rounded-full block border border-3 border-info\/30 w-[60px] h-[60px]\">\n            <\/div>\n        <\/gb-server-group>\n        <h2 class=\"text-2xl font-bold mt-3\">立刻使用谷堡AI客服<\/h2>\n        <div class=\"mt-1\">让谷堡 AI 客服，帮您的企业少漏单、多成交<\/div>\n        <div class=\"mt-5\">\n            <a href=\"\/page\/08b8c33c0eab9d94ce89c0e9384f5e75\" class=\"btn btn-outline btn-secondary btn-sm px-5 text-lg\">立即获取报价<\/a>\n        <\/div>\n        <div class=\"mt-5\">\n            <gb-server-detail v-slot=\"slotProps\">\n                <gb-call-mobile :icon=\"false\">\n                    <b>{{slotProps?.serverDetail?.tel}}<\/b>\n                <\/gb-call-mobile>\n            <\/gb-server-detail>\n        <\/div>\n    <\/div>\n<\/gb-Lazy-show>\n\n\n\n"},{"position_name":"about_block","content":"<div class=\"max-w-2xl mx-auto mt-3 px-2 lg:px-0 break-words content text-lg space-y-8\" >\r\n    <div class=\"pt-10\">\r\n        <div class=\"tabs tabs-box\">\r\n            <input type=\"radio\" name=\"my_tabs_1\" class=\"tab\" aria-label=\"公司简介\" checked=\"checked\" \/>\r\n            <input type=\"radio\" name=\"my_tabs_1\" class=\"tab\" aria-label=\"使命和愿景\"  \/>\r\n            <input type=\"radio\" name=\"my_tabs_1\" class=\"tab\" aria-label=\"我们的优势\" \/>\r\n            <input type=\"radio\" name=\"my_tabs_1\" class=\"tab\" aria-label=\"企业文化\" \/>\r\n            <input type=\"radio\" name=\"my_tabs_1\" class=\"tab\" aria-label=\"联系我们\" \/>\r\n        <\/div>\r\n    <\/div>\r\n    <gb-server-group v-slot=\"slotProps\">\r\n        <div class=\"bg-white\/90 p-5 rounded-box text-accent\/80\">\r\n            <div v-html=\"slotProps.serverDetail.content\"><\/div>\r\n        <\/div>\r\n        <div class=\"bg-white\/90 p-5 rounded-box text-accent\/80 mt-3\" id=\"联系我们\">\r\n            <div v-html=\"slotProps.serverDetail.contact\"><\/div>\r\n        <\/div>\r\n    <\/gb-server-group>\r\n<\/div>\r\n\r\n<gb-script>\r\n    require(['jquery'], function($){\r\n        $('[name=my_tabs_1]').click(function(){\r\n            const currentName = $(this).attr('aria-label');\r\n            location.hash = \"#\"+currentName;\r\n        });\r\n    });\r\n<\/gb-script>\r\n\r\n<div class=\"bg-base-300 rounded-box py-10 px-20 max-w-2xl mx-auto mt-10 text-center shadow\">\r\n    <gb-server-group v-slot=\"slotProps\">\r\n        <div>\r\n            <img \r\n                :src=\"slotProps.serverDetail.avatar\" \r\n                class=\"inline-block rounded-full block border border-3 border-info\/30 w-[70px] h-[70px]\"\r\n            >\r\n        <\/div>\r\n    <\/gb-server-group>\r\n    <h2 class=\"text-2xl font-bold mt-5\">立刻使用谷堡AI客服<\/h2>\r\n    <div class=\"mt-1\">让谷堡 AI 客服，帮您的企业少漏单、多成交<\/div>\r\n    <div class=\"mt-5\">\r\n        <gb-open-chat>\r\n            <button type=\"button\" class=\"btn btn-outline btn-secondary btn-sm px-10 text-lg\">客服<\/button>\r\n        <\/gb-open-chat>\r\n    <\/div>\r\n<\/div>\r\n\r\n"}],"alias":[],"role_permissions":"customer_ai,article_ai","news_tags":["谷堡","编程","自媒体","git","长期主义","赚钱","抖音","视频号","抖音号","谷歌","mobile广告","谷堡微站","ai","网赚","引流","艺术","短视频","短视频 ","微站","自媒体 ","openclaw","ai客服"]}

谷堡Ai

{{slotProps.userDetail.nickname}}

立刻使用谷堡AI客服