single.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. {{ partial "head_single.html" . }}
  4. <style>
  5. h3 {
  6. padding-left: 20px;
  7. margin: 30px 0;
  8. font-size: 1.8rem;
  9. font-weight: bold;
  10. border-left: 4px solid #ea5413;
  11. letter-spacing: 2px;
  12. }
  13. .container p {
  14. font-size: 16px;
  15. letter-spacing: 2px;
  16. line-height: 32px;
  17. margin-bottom: 50px;
  18. }
  19. /* .container {
  20. max-width: 50%;
  21. }
  22. @media (max-width: 600px) {
  23. .container {
  24. max-width: 90%;
  25. }
  26. }
  27. @media (max-width: 992px) {
  28. .container {
  29. max-width: 90%;
  30. }
  31. }
  32. @media (min-width: 1200px) {
  33. .container {
  34. max-width: 50%;
  35. }
  36. } */
  37. .video-box {
  38. width: 100%;
  39. padding-bottom: 56%;
  40. }
  41. </style>
  42. <body>
  43. {{ partial "navbar.html" . }}
  44. <div class="container-fluid">
  45. <div class="row my-5">
  46. <div class="col-lg-8">
  47. <section class="aicustomer-sec01">
  48. <img class="img-fluid" src="/img/aicustomer/choozmoAiCustomer.webp" alt="choozmoAiCustomer">
  49. <div class="aicustomer-sec01-cta-arrow text-center">
  50. <a href="#ctablock">
  51. <div class="arrow-wave">
  52. <span></span>
  53. <span></span>
  54. </div>
  55. </a>
  56. </div>
  57. </section>
  58. <section class="aicustomer-sec02">
  59. <h2 class="aicustomer-sec02-title">
  60. ChoozMo AI 客服優勢
  61. </h2>
  62. <img class="aicustomer-title-line" src="/img/aicustomer/aicustomer-title.png" alt="">
  63. <div class="mt-4">
  64. <div class="container">
  65. <div class="video-box mb-5">
  66. <iframe src="https://www.youtube.com/embed/fqLmn1OLH74" title="YouTube video player" frameborder="0"
  67. allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  68. allowfullscreen></iframe>
  69. </div>
  70. <p>
  71. 隨著人工智慧(AI)技術的快速發展,AI智能客服逐漸成為現代企業提升客戶體驗的核心工具之一。透過高度擬真的AI技術和影像識別能力,企業能夠打造出具有人格化、互動性強的客服代表,為顧客提供更加個性化和高效的服務。
  72. </p>
  73. <div class="d-flex d-lg-none justify-content-center mb-5">
  74. <a href="#form" class="submit-btn mb-3"> 立即諮詢</a>
  75. </div>
  76. <h3 id="一建生成AI客服"><strong> 一鍵生成AI客服</strong></h3>
  77. <img class="img-fluid" src="/img/aicustomer/webv1.webp" alt="">
  78. <p>
  79. 一鍵生成AI客服,支持手機、平板、Kiosk、電腦等多種裝置,實現無縫跨平台體驗。數字人虛擬形象,精準對嘴互動,提供多語言服務,讓顧客享受真實流暢的對話體驗。專屬後台管理系統,簡單自訂客服流程,快速響應顧客需求,有效提升客戶滿意度及品牌形象,幫助企業更高效地運營與拓展。
  80. </p>
  81. <h3 id="高度擬真Ai技術"><strong> 高度擬真AI客服技術</strong></h3>
  82. <p>AI智能影像客服的核心技術基於Generative
  83. AI(生成式人工智慧)和深度學習模型,能夠生成具備擬真外觀與語言的客服人物。這些虛擬客服不僅能夠模擬真人的面部表情、肢體動作,還能進行流暢的語音對話,讓客戶在互動中有更真實、更具情感的體驗。無論是基本的查詢、複雜的問題解答,還是情感交互,AI客服都能靈活應對,並提升整體的客戶滿意度。
  84. </p>
  85. <h3 id="語言多樣性"><strong> 語言多樣性與市場拓展</strong></h3>
  86. <p>
  87. 自家訓練的語言模型(LLM)支持超過20種語言,涵蓋全球多個市場的語言需求,從英語、中文、西班牙語到日語、韓語等,無論在哪個語言區域,企業都能提供無縫的客服體驗。這樣的語言多樣性不僅能夠打破語言障礙,還能幫助企業進一步拓展國際市場,實現全球化業務的快速推廣。
  88. </p>
  89. <h3 id="語言多樣性"><strong>24/7 全天候服務</strong></h3>
  90. <p>
  91. AI智能影像客服最大的一個優勢在於其無需休息的特性。它能夠實現24小時全天候服務,即使在高峰期或非工作時間,依然能快速回應顧客的查詢和需求。無論是跨時區的用戶,還是緊急的技術支持需求,都可以即時處理,進一步提升了顧客的滿意度與忠誠度,從而促進企業與客戶之間長期穩定的關係。
  92. </p>
  93. <img class="img-fluid mb-5" src="/img/aicustomer/aicustomer.webp" alt="">
  94. <h3 id="語言多樣性"><strong>ChooZmo AI智能客服應用實例</strong></h3>
  95. <img class="img-fluid" src="/img/aicustomer/2024meettaipei.webp" alt="">
  96. <p> ▲ 2024 Meet Taipei 創新創業嘉年華開幕式展現出數位時代專屬AI主播魏時黛參與互動</p>
  97. <img class="img-fluid mb-3" src="/img/aicustomer/aicustomer3.webp" alt="">
  98. <p> ▲ 零售場域導入AI客服,提供中英日韓多語言服務,機場專櫃整合引導,提升顧客互動體驗。</p>
  99. <img class="img-fluid mb-3" src="/img/aicustomer/aicustomer4.webp" alt="">
  100. <p> ▲ 日照中心導入台語AI客服,提供親切流暢的語音互動,提升顧客服務體驗。</p>
  101. </div>
  102. </section>
  103. <section class="aicustomer-faq">
  104. <h2>
  105. ChoozMo AI 客服常見問題
  106. </h2>
  107. <img class="aicustomer-title-line" src="/img/aicustomer/aicustomer-title.png" alt="">
  108. <div class="row">
  109. <div class="col-lg-8">
  110. <div class="accordion solution-accordion pb-1" id="accordionExample">
  111. <div class="accordion-item">
  112. <h2 class="accordion-header" id="heading_1">
  113. <button class="accordion-button" type="button" data-bs-toggle="collapse"
  114. data-bs-target="#collapse_1" aria-expanded="true" aria-controls="collapse_1">
  115. 1. 與真人客服相比,AI智慧客服有哪些優勢?
  116. </button>
  117. </h2>
  118. <div id="collapse_1" class="accordion-collapse collapse show" aria-labelledby="heading_1"
  119. data-bs-parent="#accordionExample">
  120. <div class="accordion-body">
  121. AI客服可以全天候提供幫助,無需休息或輪班、也能支援翻譯(中英日韓)等。
  122. <br><br>
  123. </div>
  124. </div>
  125. </div>
  126. <div class="accordion-item">
  127. <h2 class="accordion-header" id="heading_2">
  128. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  129. data-bs-target="#collapse_2" aria-expanded="true" aria-controls="collapse_2">
  130. 2. AI智能客服能否與現有系統和平臺整合?
  131. </button>
  132. </h2>
  133. <div id="collapse_2" class="accordion-collapse collapse" aria-labelledby="heading_2"
  134. data-bs-parent="#accordionExample">
  135. <div class="accordion-body">
  136. 可以,我們的AI客服可以與現有網站、APP、各種螢幕顯示裝置(如平板、觸控螢幕、Kiosk售票機等)串接。
  137. </div>
  138. </div>
  139. </div>
  140. <div class="accordion-item">
  141. <h2 class="accordion-header" id="heading_3">
  142. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  143. data-bs-target="#collapse_3" aria-expanded="true" aria-controls="collapse_3">
  144. 3. AI客服系統是否支援多語言和多渠道溝通?
  145. </button>
  146. </h2>
  147. <div id="collapse_3" class="accordion-collapse collapse" aria-labelledby="heading_3"
  148. data-bs-parent="#accordionExample">
  149. <div class="accordion-body">
  150. 可以,目前可支援中文、英文、日文、韓文。
  151. </div>
  152. </div>
  153. </div>
  154. <div class="accordion-item">
  155. <h2 class="accordion-header" id="heading_4">
  156. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  157. data-bs-target="#collapse_4" aria-expanded="true" aria-controls="collapse_4">
  158. 4. A智能客服可以提供即時支援和回應客戶查詢嗎?
  159. </button>
  160. </h2>
  161. <div id="collapse_4" class="accordion-collapse collapse" aria-labelledby="heading_3"
  162. data-bs-parent="#accordionExample">
  163. <div class="accordion-body">
  164. AI客服可以提供即時支援和回應客戶查詢,而且能夠同時處理多個查詢不受限制。
  165. </div>
  166. </div>
  167. </div>
  168. <div class="accordion-item">
  169. <h2 class="accordion-header" id="heading_4">
  170. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  171. data-bs-target="#collapse_4" aria-expanded="true" aria-controls="collapse_4">
  172. 5. 智能聊天機器人是什麼?
  173. </button>
  174. </h2>
  175. <div id="collapse_4" class="accordion-collapse collapse" aria-labelledby="heading_3"
  176. data-bs-parent="#accordionExample">
  177. <div class="accordion-body">
  178. 人工智慧 (AI) 聊天機器人是可以使用自然語言理解 (NLU)或自然語言處理 (NLP) 和機器學習 (ML)
  179. 進行類似人類對話的應用程式或介面。人工智慧聊天機器人與標準聊天機器人的不同之處在於,它們利用大型語言模型 (LLM) 與傳統對話流和預先編程回應來產生對文字和語音輸入的回應。
  180. </div>
  181. </div>
  182. </div>
  183. <div class="accordion-item">
  184. <h2 class="accordion-header" id="heading_5">
  185. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
  186. data-bs-target="#collapse_5" aria-expanded="true" aria-controls="collapse_5">
  187. 6. AI客服是否需要另外下載 APP 使用?
  188. </button>
  189. </h2>
  190. <div id="collapse_5" class="accordion-collapse collapse" aria-labelledby="heading_3"
  191. data-bs-parent="#accordionExample">
  192. <div class="accordion-body">
  193. AI客服無論KIOSK或是手機皆以網頁運行,故不需要另外下載app。
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. <div class="col-lg-4">
  200. <img class="img-fluid" src="/img/aicustomer/aicustomerfaq.webp" alt="" style="margin-top: 30px;">
  201. </div>
  202. </div>
  203. </section>
  204. </div>
  205. <div class="col-lg-4 pe-lg-5">
  206. <div id="form">
  207. {{ partial "form-main.html" . }}
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. <section id="aicustomerCta" class="sec-action pb-5">
  213. <div class="container-fluid">
  214. <div class="action-clip text-center">
  215. <h2 class="mb-0">
  216. 你不會的,AI 都能做
  217. <br>
  218. Choozmo 多語言 AI 客服
  219. </h2>
  220. </div>
  221. <div class="action-triangle">
  222. </div>
  223. </div>
  224. <div class="container text-center">
  225. <a class="action-btn" href="#ctablock">
  226. 立即擁有 AI 客服
  227. </a>
  228. </div>
  229. </section>
  230. {{ partial "footer.html" . }}
  231. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  232. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  233. crossorigin="anonymous"></script>
  234. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
  235. integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
  236. crossorigin="anonymous"></script>
  237. <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  238. crossorigin="anonymous"></script>
  239. <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  240. crossorigin="anonymous"></script>
  241. <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
  242. </body>
  243. </html>