WhatsApp对话机器人，AI营销助手，AI客服, ChatGPT对话 |星光对话机器人

<!DOCTYPE html> <html> <head> <title>WhatsApp对话机器人，AI营销助手，AI客服, ChatGPT对话 |星光对话机器人 | 星光对话机器人</title> <meta name="keywords" content="星光对话机器人，WhatsApp对话机器人，AI营销助手，AI客服，虚拟销售助手， AI知识库，ChatGPT应用" /> <meta name="baidu-site-verification" content="codeva-uXDJP0oFgI" /> <meta name="description" content="星光对话机器人是星光营销软件推出的AIGC的产品。可以为跨境、外贸出口、法律、游戏、物流等不同行业提供在线客服、虚拟销售助手的角色扮演，为企业降本增效。聊天机器人，AI知识库" /> <meta charset="utf-8"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Cache-Control" content="max-age=31536000" /> <meta http-equiv="Pragma" content="max-age=31536000" /> <link rel="canonical" href="https://www.starify.cn/conversion-ai-chatbot-marketing">  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '694392759220638'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=694392759220638&ev=PageView&noscript=1" /></noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11046223831"></script> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta name="baidu-site-verification" content="code-oVbsWcFx7w" /> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta property="og:image" content="/assets/image/favicon.ico" /> <link rel="shortcut icon" href="/assets/image/favicon.ico" type="image/x-icon" /> <script> let starify_app_code = 'STARIFY'; let starify_base_url = 'https://api-prod.starify.cn/'; let matchexpo_url = 'https://pctest-cn.matchexpo.cn'; let chatgpt_url = 'http://ai-test.starify.cn'; let pay_center_url = 'https://spread-admin.matchexpo.cn/#'; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-11046223831'); gtag('config', 'G-HDHBT7SCE3'); gtag('config', 'UA-252325925-1'); </script> <script> //页面初始化方法 reduceRem() function reduceRem() { let screen_width = screen.availWidth if (window.screen.availWidth > 992) { document.querySelector('html').style.fontSize = ((screen_width/1920) * 62.5) + '%' } else { document.querySelector('html').style.fontSize = ((screen_width/375) * 62.5) + '%' } } </script> <link href="/assets/css/compress_css/all.min.css?version=2.10.14" rel="stylesheet" type="text/css"/> <link href="/assets/css/loading/loading.css?version=2.10.14" rel="stylesheet" type="text/css"/> <link href="/assets/css/solution/index.css" rel="stylesheet" type="text/css"/> </head> <body lang="zh-cn"> <div class="container_body " id="app_body" > <div id="loadingBox" class="loading_container"> <div class="loading_m_box_s" id="loading_m_box_s"> <div class="spinner"></div> </div> </div> <div class="head_container" data-module="2" v-show="!hideHead && websiteType === 'pc'" v-cloak> <div class="logo_image" data-key="layout-module-2-image"><img src="/assets/image/Starify.svg" alt="layout-module-2-image"></div> <div class="head_menu"> <el-menu :default-active="activeIndex" mode="horizontal" menu-trigger="hover"> <el-menu-item index="/home" data-module="3"> <a href="/home" data-key="layout-module-3-text"> 首页</a> </el-menu-item> <el-sub-menu index="product" data-module="4"> <template #title data-key="layout-module-4-text"> 产品</template> <el-menu-item index="/conversion-ai-chatbot-marketing"> <a href="/conversion-ai-chatbot-marketing" data-key="layout-module-4-text-2"> 对话机器人</a> </el-menu-item> <el-menu-item index="/ai-website-chatbot-plug-in"> <a href="/ai-website-chatbot-plug-in" data-key="layout-module-4-text-3"> AI官网客服</a> </el-menu-item> <el-menu-item index="/whatsapp-marketing-tool"> <a href="/whatsapp-marketing-tool" data-key="layout-module-4-text-4"> Whatsapp营销</a> </el-menu-item> <el-menu-item index="/whatsapp-shop-marketing-solution"> <a href="/whatsapp-shop-marketing-solution" data-key="layout-module-4-text-5"> WhatsApp Shop</a> </el-menu-item> <el-menu-item index="/free-whatsapp-qr-code-generator"> <a href="/free-whatsapp-qr-code-generator" data-key="layout-module-4-text-6"> WhatsApp二维码生成器</a> </el-menu-item> <el-menu-item index="/whatsapp-link"> <a href="/whatsapp-link" data-key="layout-module-4-text-7"> WhatsApp链接生成器</a> </el-menu-item> <el-menu-item index="/ai-chatgpt-tool"> <a href="/ai-chatgpt-tool" data-key="layout-module-4-text-8"> 星光AI内容大师</a> </el-menu-item> <el-menu-item index="/rpa-data-search"> <a href="/rpa-data-search" data-key="layout-module-4-text-9"> 智能搜索</a> </el-menu-item> <el-menu-item index="/event-marketing-platform"> <a href="/event-marketing-platform" data-key="layout-module-4-text-10"> 展会发布营销平台</a> </el-menu-item> <el-menu-item index="/email-software"> <a href="/email-software" data-key="layout-module-4-text-11"> 邮件营销软件</a> </el-menu-item> <el-menu-item index="/matchpages-website-builder"> <a href="/matchpages-website-builder" data-key="layout-module-4-text-12"> 品牌建站</a> </el-menu-item> </el-sub-menu> <el-sub-menu index="solution" data-module ="5" class="solution_menu" popper-class="solution_menu_box" :class="activeIndex.indexOf('solution') > -1 ? 'is-active' : ''"> <template #title data-key="layout-module-5-text"> 解决方案</template> <el-menu-item class="menu_box"> <template #title> <div class="menu_list_box"> <div class="menu_list"> <div class="menu_head_label" data-key="layout-module-5-text-2"> 按行业</div> <a class="menu_item" :class="activeIndex === '/entertainment-solution' ? 'active' : ''" href="/entertainment-solution" data-key="layout-module-5-text-3"> 泛娱乐及社交App </a> <a class="menu_item" :class="activeIndex === '/game-solution' ? 'active' : ''" href="/game-solution" data-key="layout-module-5-text-4"> 出海游戏 </a> <a class="menu_item" :class="activeIndex === '/ecommerce-solution' ? 'active' : ''" href="/ecommerce-solution" data-key="layout-module-5-text-5"> 跨境电商 </a> <a class="menu_item" :class="activeIndex === '/logistics-solution' ? 'active' : ''" href="/logistics-solution" data-key="layout-module-5-text-6"> 出海物流 </a> </div> <div class="menu_list"> <div class="menu_head_label"></div> <a class="menu_item" :class="activeIndex === '/lawfirm-solution' ? 'active' : ''" href="/lawfirm-solution" data-key="layout-module-5-text-7"> 律师事务所 </a> <a class="menu_item" :class="activeIndex === '/manufacturing-solution' ? 'active' : ''" href="/manufacturing-solution" data-key="layout-module-5-text-8"> 制造业 </a> <a class="menu_item" :class="activeIndex === '/event-solution' ? 'active' : ''" href="/event-solution" data-key="layout-module-5-text-9"> 展会主办方 </a> <a class="menu_item" :class="activeIndex === '/IPR-solution' ? 'active' : ''" href="/IPR-solution" data-key="layout-module-5-text-10"> 知识产权代理 </a> </div> <div class="menu_list"> <div class="menu_head_label" data-key="layout-module-5-text-11"> 按部门</div> <a class="menu_item" :class="activeIndex === '/whatsapp-chatbot-marketing-solution' ? 'active' : ''" href="/whatsapp-chatbot-marketing-solution" data-key="layout-module-5-text-12"> 营销&销售部门 </a> <a class="menu_item" data-key="layout-module-5-text-13" href="https://www.starify.cn/solutions-for-government-international-investment-promotion" target="_blank"> 政府国际招商引资 </a> </div> </div> </template> </el-menu-item> </el-sub-menu> <el-menu-item data-module ="6" index="/service"> <a href="/service" data-key="layout-module-6-text"> 服务</a> </el-menu-item> <el-menu-item data-module ="7" index="/reseller-parnter"> <a href="/reseller-parnter" data-key="layout-module-7-text"> 渠道</a> </el-menu-item> <el-menu-item data-module ="8" index="/price"> <a href="/price" data-key="layout-module-8-text"> 价格</a> </el-menu-item> <el-menu-item data-module ="9" index="/help-center"> <a href="/help-center" data-key="layout-module-9-text"> 帮助中心</a> </el-menu-item> <el-sub-menu data-module ="10" index="blog"> <template #title data-key="layout-module-10-text"> 星光资讯</template> <el-menu-item index="/blog-update"> <a href="/blog-update" data-key="layout-module-10-text-2"> 最新发布</a> </el-menu-item> <el-menu-item index="/case-list"> <a href="/case-list" data-key="layout-module-10-text-3"> 成功案例</a> </el-menu-item> </el-sub-menu> <el-sub-menu data-module ="11" index="about-us-list"> <template #title data-key="layout-module-11-text"> 关于我们</template> <el-menu-item index="/about-us"> <a href="/about-us" data-key="layout-module-11-text-2"> 关于我们</a> </el-menu-item> <el-menu-item index="/contact-us"> <a href="/contact-us" data-key="layout-module-11-text-3"> 联系我们</a> </el-menu-item> <el-menu-item index="/join-us"> <a href="/join-us" data-key="layout-module-11-text-4"> 加入我们</a> </el-menu-item> <el-menu-item index="/affiliate-partner"> <a href="/affiliate-partner" data-key="layout-module-11-text-5"> 联盟伙伴</a> </el-menu-item> <el-menu-item index="/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits"> <a class="" data-key="layout-module-11-text-6" href="https://www.starify.cn/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits" target="_blank">推荐有奖</a> </el-menu-item> </el-sub-menu> </el-menu> </div> <div class="search_bar"> <div class="all_search_box"> <el-select class="inline-input" v-model="helpSearchValue" filterable remote reserve-keyword placeholder=" 请输入搜索关键词" :remote-method="allPageQuerySearch" @change="selectAllPage" data-key="layout-module-2-text" > <el-option v-for="item in allPageOption" :key="item.id" :label="item.title?item.title:item.urla" :value="item.urla" ></el-option> </el-select> <div class="blog-search-icon"> <i class="iconfont ic_search"></i> </div> </div> </div> <div class="head_option"> <div @click="showFormDialog()" data-key="layout-module-2-text-3"> 免费试用</div> </div> <el-dropdown v-if="$config.apiToken"> <span class="avatar_image"> <img :src="baseUserInfo.avatar ? baseUserInfo.avatar : 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0225/621895854fd54.png'"> </span> <template #dropdown> <el-dropdown-menu class="head_dropdown_list"> <el-dropdown-item @click.native="downloadExe" data-key="layout-module-2-text-5"> 下载星光客户端 <i class='iconfont ic_download'></i> </el-dropdown-item> <el-dropdown-item @click.native="routerToSmi" v-if="baseUserInfo && baseUserInfo.rule_list && baseUserInfo.rule_list.includes('SOCIAL_MEDIA')" data-key="layout-module-2-text-6"> 星光社媒管理软件 </el-dropdown-item> <el-dropdown-item @click.native="routerToStarify">星光网页版</el-dropdown-item> <el-dropdown-item @click.native="outLoginEvent" data-key="layout-module-2-text-4"> 退出登录</el-dropdown-item> </el-dropdown-menu> </template> </el-dropdown> <div class="login_btn" @click="routeToLogin" v-else data-key="layout-module-2-text-7"> 登录</div> </div> <div class="m_head_container" data-module ="13" v-show="websiteType === 'mobile'" v-cloak> <div class="logo_image" data-key="layout-module-13-image"><img src="/assets/image/logo-starify2X.webp" alt="layout-module-13-image"></div> <div class="head_option"> <div @click="showMenu = true"><i class="iconfont ic_list"></i></div> </div> <el-drawer v-model="showMenu" :with-header="false" :size="returnLocalLang === 'en' ? '90%' : '60%'"> <div class="user_info" v-if="$config.apiToken"> <img :src="baseUserInfo.avatar ? baseUserInfo.avatar : 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0225/621895854fd54.png'"> <span>{{ baseUserInfo.real_name }}</span> </div> <el-menu :default-active="activeIndex"> <el-menu-item index="/home" data-module="3"> <a href="/home" data-key="layout-module-3-text"> 首页</a> </el-menu-item> <el-sub-menu index="product" data-module="4"> <template #title data-key="layout-module-4-text"> 产品</template> <el-menu-item index="/conversion-ai-chatbot-marketing"> <a href="/conversion-ai-chatbot-marketing" data-key="layout-module-4-text-2"> 对话机器人</a> </el-menu-item> <el-menu-item index="/ai-website-chatbot-plug-in"> <a href="/ai-website-chatbot-plug-in" data-key="layout-module-4-text-3"> AI官网客服</a> </el-menu-item> <el-menu-item index="/whatsapp-marketing-tool"> <a href="/whatsapp-marketing-tool" data-key="layout-module-4-text-4"> Whatsapp营销</a> </el-menu-item> <el-menu-item index="/whatsapp-shop-marketing-solution"> <a href="/whatsapp-shop-marketing-solution" data-key="layout-module-4-text-5"> WhatsApp Shop</a> </el-menu-item> <el-menu-item index="/free-whatsapp-qr-code-generator"> <a href="/free-whatsapp-qr-code-generator" data-key="layout-module-4-text-6"> WhatsApp二维码生成器</a> </el-menu-item> <el-menu-item index="/whatsapp-link"> <a href="/whatsapp-link" data-key="layout-module-4-text-7"> WhatsApp链接生成器</a> </el-menu-item> <el-menu-item index="/ai-chatgpt-tool"> <a href="/ai-chatgpt-tool" data-key="layout-module-4-text-8"> 星光AI内容大师</a> </el-menu-item> <el-menu-item index="/rpa-data-search"> <a href="/rpa-data-search" data-key="layout-module-4-text-9"> 智能搜索</a> </el-menu-item> <el-menu-item index="/event-marketing-platform"> <a href="/event-marketing-platform" data-key="layout-module-4-text-10"> 展会发布营销平台</a> </el-menu-item> <el-menu-item index="/email-software"> <a href="/email-software" data-key="layout-module-4-text-11"> 邮件营销软件</a> </el-menu-item> <el-menu-item index="/matchpages-website-builder"> <a href="/matchpages-website-builder" data-key="layout-module-4-text-12"> 品牌建站</a> </el-menu-item> </el-sub-menu> <el-sub-menu index="solution" data-module ="5" class="solution_menu" popper-class="solution_menu_box" :class="activeIndex.indexOf('solution') > -1 ? 'is-active' : ''"> <template #title data-key="layout-module-5-text"> 解决方案</template> <el-menu-item class="menu_box"> <template #title> <div class="menu_list_box"> <div class="menu_list"> <div class="menu_head_label" data-key="layout-module-5-text-2"> 按行业</div> <a class="menu_item" :class="activeIndex === '/entertainment-solution' ? 'active' : ''" href="/entertainment-solution" data-key="layout-module-5-text-3"> 泛娱乐及社交App </a> <a class="menu_item" :class="activeIndex === '/game-solution' ? 'active' : ''" href="/game-solution" data-key="layout-module-5-text-4"> 出海游戏 </a> <a class="menu_item" :class="activeIndex === '/ecommerce-solution' ? 'active' : ''" href="/ecommerce-solution" data-key="layout-module-5-text-5"> 跨境电商 </a> <a class="menu_item" :class="activeIndex === '/logistics-solution' ? 'active' : ''" href="/logistics-solution" data-key="layout-module-5-text-6"> 出海物流 </a> </div> <div class="menu_list"> <div class="menu_head_label"></div> <a class="menu_item" :class="activeIndex === '/lawfirm-solution' ? 'active' : ''" href="/lawfirm-solution" data-key="layout-module-5-text-7"> 律师事务所 </a> <a class="menu_item" :class="activeIndex === '/manufacturing-solution' ? 'active' : ''" href="/manufacturing-solution" data-key="layout-module-5-text-8"> 制造业 </a> <a class="menu_item" :class="activeIndex === '/event-solution' ? 'active' : ''" href="/event-solution" data-key="layout-module-5-text-9"> 展会主办方 </a> <a class="menu_item" :class="activeIndex === '/IPR-solution' ? 'active' : ''" href="/IPR-solution" data-key="layout-module-5-text-10"> 知识产权代理 </a> </div> <div class="menu_list"> <div class="menu_head_label" data-key="layout-module-5-text-11"> 按部门</div> <a class="menu_item" :class="activeIndex === '/whatsapp-chatbot-marketing-solution' ? 'active' : ''" href="/whatsapp-chatbot-marketing-solution" data-key="layout-module-5-text-12"> 营销&销售部门 </a> <a class="menu_item" data-key="layout-module-5-text-13" href="https://www.starify.cn/solutions-for-government-international-investment-promotion" target="_blank"> 政府国际招商引资 </a> </div> </div> </template> </el-menu-item> </el-sub-menu> <el-menu-item data-module ="6" index="/service"> <a href="/service" data-key="layout-module-6-text"> 服务</a> </el-menu-item> <el-menu-item data-module ="7" index="/reseller-parnter"> <a href="/reseller-parnter" data-key="layout-module-7-text"> 渠道</a> </el-menu-item> <el-menu-item data-module ="8" index="/price"> <a href="/price" data-key="layout-module-8-text"> 价格</a> </el-menu-item> <el-menu-item data-module ="9" index="/help-center"> <a href="/help-center" data-key="layout-module-9-text"> 帮助中心</a> </el-menu-item> <el-sub-menu data-module ="10" index="blog"> <template #title data-key="layout-module-10-text"> 星光资讯</template> <el-menu-item index="/blog-update"> <a href="/blog-update" data-key="layout-module-10-text-2"> 最新发布</a> </el-menu-item> <el-menu-item index="/case-list"> <a href="/case-list" data-key="layout-module-10-text-3"> 成功案例</a> </el-menu-item> </el-sub-menu> <el-sub-menu data-module ="11" index="about-us-list"> <template #title data-key="layout-module-11-text"> 关于我们</template> <el-menu-item index="/about-us"> <a href="/about-us" data-key="layout-module-11-text-2"> 关于我们</a> </el-menu-item> <el-menu-item index="/contact-us"> <a href="/contact-us" data-key="layout-module-11-text-3"> 联系我们</a> </el-menu-item> <el-menu-item index="/join-us"> <a href="/join-us" data-key="layout-module-11-text-4"> 加入我们</a> </el-menu-item> <el-menu-item index="/affiliate-partner"> <a href="/affiliate-partner" data-key="layout-module-11-text-5"> 联盟伙伴</a> </el-menu-item> <el-menu-item index="/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits"> <a class="" data-key="layout-module-11-text-6" href="https://www.starify.cn/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits" target="_blank">推荐有奖</a> </el-menu-item> </el-sub-menu> </el-menu> <div class="mobile_login_btn"> <span v-if="$config.apiToken" @click="outLoginEvent" data-key="layout-module-13-text"> 退出登录</span> <span v-else @click="routeToLogin" data-key="layout-module-13-text-3"> 登录</span> </div> </el-drawer> </div> <el-dialog class="submit_form" v-model="showForm" title="请填写您的信息，客户经理将会与您联系：" width="35%" v-cloak> <div class="dialog_form"> <el-form data-module ="1" :model="form" ref="form" :rules="rules" label-position="top" :inline="true" class="submit_form"> <el-col :span="12" :xs="24"> <el-form-item label=" 姓名" prop="name_8" required data-key="layout-components-module-1-text"> <el-input v-model="form.name_8" placeholder=" 请输入您的姓名" data-key="layout-components-module-1-text-2"></el-input> </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 公司邮箱" prop="name_13" required data-key="layout-components-module-1-text-3"> <el-input v-model="form.name_13" placeholder=" 请输入您的公司邮箱" data-key="layout-components-module-1-text-4"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item class="get_phone_item" label=" 联系电话" prop="name_9" required data-key="layout-components-module-1-text-5"> <el-col :span="11" :xs="24"> <el-input v-model="form.name_9" placeholder=" 请输入您的联系电话" data-key="layout-components-module-1-text-6"></el-input> </el-col> <el-col :span="11" :xs="24" class="phone_box"> <el-input v-model="form.valid_code" placeholder=" 请输入您的验证码" data-key="layout-components-module-1-text-7"></el-input> <span class="get_qrcode_btn" @click="getPhoneCode('name_9')" v-show="!sendCode" data-key="layout-components-module-1-text-8"> 获取验证码</span> <span class="get_qrcode_btn count_time" v-show="sendCode">{{ countTime }}</span> </el-col> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司名称" prop="name_10" required data-key="layout-components-module-1-text-9"> <el-input v-model="form.name_10" placeholder=" 请输入您的公司名称" data-key="layout-components-module-1-text-10"></el-input> </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 公司规模" prop="name_11" required data-key="layout-components-module-1-text-11"> <el-select v-model="form.name_11" placeholder=" 请选择您公司的规模" data-key="layout-components-module-1-text-12"> <el-option label=" 1-10人" value="1-10人" data-key="layout-components-module-1-text-13"></el-option> <el-option label=" 11-50人" value="11-50人" data-key="layout-components-module-1-text-14"></el-option> <el-option label=" 51-100人" value="51-100人" data-key="layout-components-module-1-text-15"></el-option> <el-option label=" 101-1000人" value="101-1000人" data-key="layout-components-module-1-text-16"></el-option> <el-option label=" 1001+" value="1001+" data-key="layout-components-module-1-text-17"></el-option> </el-select>  </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 所在城市" prop="name_12" required data-key="layout-components-module-1-text-18"> <el-input v-model="form.name_12" placeholder=" 请输入您所在的城市" data-key="layout-components-module-1-text-19"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司行业" prop="name_30" required data-key="layout-components-module-1-text-25"> <el-select v-model="form.name_30" placeholder=" 请选择您公司的行业" data-key="layout-components-module-1-text-26"> <el-option label=" B2B咨询" value="B2B咨询" data-key="layout-components-module-1-text-27"></el-option> <el-option label=" 服饰" value="服饰" data-key="layout-components-module-1-text-28"></el-option> <el-option label=" 零售" value="零售" data-key="layout-components-module-1-text-29"></el-option> <el-option label=" 品牌/奢侈品" value="品牌/奢侈品" data-key="layout-components-module-1-text-30"></el-option> <el-option label=" 珠宝/箱包" value="珠宝/箱包" data-key="layout-components-module-1-text-31"></el-option> <el-option label=" 美容/化妆品" value="美容/化妆品" data-key="layout-components-module-1-text-32"></el-option> <el-option label=" 家电/家具" value="家电/家具" data-key="layout-components-module-1-text-33"></el-option> <el-option label=" 教育" value="教育" data-key="layout-components-module-1-text-34"></el-option> <el-option label=" 金融/地产" value="金融/地产" data-key="layout-components-module-1-text-35"></el-option> <el-option label=" 专业服务" value="专业服务" data-key="layout-components-module-1-text-36"></el-option> <el-option label=" 创意媒体/营销" value="创意媒体/营销" data-key="layout-components-module-1-text-37"></el-option> <el-option label=" 中介服务" value="中介服务" data-key="layout-components-module-1-text-38"></el-option> <el-option label=" 软件开发" value="软件开发" data-key="layout-components-module-1-text-39"></el-option> <el-option label=" 其他" value="其他" data-key="layout-components-module-1-text-40"></el-option> </el-select>  </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司网址" prop="name_14" required data-key="layout-components-module-1-text-20"> <el-input v-model="form.name_14" placeholder=" 请输入您的公司网址" data-key="layout-components-module-1-text-21"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司介绍" prop="name_15" required data-key="layout-components-module-1-text-22"> <el-input v-model="form.name_15" placeholder=" 当前主营业务，过往经营产品，客户资源所覆盖的行业、类型、数量等" type="textarea" :autosize="{ minRows: 6 }" data-key="layout-components-module-1-text-23" ></el-input> </el-form-item> </el-col> <div class="learn-more" @click="submitForm" v-loading="submitLoading" data-key="layout-components-module-1-text-24"> 立即提交,免费下载</div> </el-form> </div> </el-dialog> <el-dialog class="login_dialog" v-model="loginDialog.visible" v-cloak> <div v-loading="loginLoading" class="login-box" data-module="3"> <div class="login-form-tab"> <div v-if="loginActiveTab === 'login_sms' || loginActiveTab === 'login_pwd'" :class="loginActiveTab === 'login_pwd' ? 'active' : ''" @click="changeTab('login_pwd')" data-key="layout-components-module-3-text"> 密码登录 </div> <div v-if="loginActiveTab === 'login_sms' || loginActiveTab === 'login_pwd'" :class="loginActiveTab === 'login_sms' ? 'active' : ''" @click="changeTab('login_sms')" data-key="layout-components-module-3-text-2"> 验证码登录 </div> <div v-if="loginActiveTab === 'forgot_pwd'" class="active" data-key="layout-components-module-3-text-3"> 忘记密码 </div> <div v-if="loginActiveTab === 'register'" class="active" data-key="layout-components-module-3-text-4"> 注册账号 </div> <div v-if="loginActiveTab === 'set_pwd'" class="active" data-key="layout-components-module-3-text-5"> 设置密码 </div> <span class="active_tag" :class="loginActiveTab === 'login_sms' ? 'active':''"></span> </div> <div class="login-form"> <el-form ref="form" :model="loginForm" :rules="loginFormRules"> <el-form-item v-if="loginActiveTab === 'login_pwd'" prop="username"> <div class="input_item"> <div class="input_phone"> <i class="iconfont ic_User"></i> <el-input v-model="loginForm.username" placeholder=" 手机号或邮箱" data-key="layout-components-module-3-text-6"></el-input> </div> </div> </el-form-item> <el-form-item v-if="loginActiveTab !== 'set_pwd' && loginActiveTab !== 'login_pwd'" prop="username"> <div class="input_item"> <div class="input_phone" style="padding-left: 0"> <el-select v-model="loginForm.country_code" popper-class="input_phone_select" filterable> <el-option v-for="(item, index) in countryCodeList" :key="index" :label="item.text" :value="item.text"> <div class="option"> <div class="iti__flag-box"><div :class="'iti__flag iti__' + item.iso2"></div></div> <div>{{ item.name }} ({{ item.text }})</div> </div> </el-option> </el-select> <i class="iconfont ic_User"></i> <el-input v-model="loginForm.username" placeholder="" data-key="layout-components-module-3-text-7"></el-input> </div> </div> </el-form-item> <el-form-item v-if="loginActiveTab === 'login_sms' || loginActiveTab === 'forgot_pwd' || loginActiveTab === 'register'" prop="valid_code"> <div class="input_item"> <div> <i class="iconfont ic_Safety"></i> <el-input v-model="loginForm.valid_code" placeholder=" 验证码" maxlength="6" data-key="layout-components-module-3-text-8"></el-input> <div v-if="loginCountTime === 60 " class="get_code_btn" @click="getPhoneCodeFun()" data-key="layout-components-module-3-text-9"> 获取验证码</div> <div v-else class="get_code_btn" :class="loginCountTime !== 60 ? 'count_time':''">{{ loginCountTime }}s</div> </div> </div> </el-form-item> <el-form-item v-if="loginActiveTab === 'login_pwd' || loginActiveTab === 'set_pwd'" prop="password"> <div class="input_item"> <div> <i class="iconfont ic_Lock"></i> <el-input v-model="loginForm.password" placeholder=" 密码" show-password data-key="layout-components-module-3-text-10"></el-input> <div v-if="loginActiveTab === 'login_pwd'" class="forgot_pwd_btn" @click="changeTab('forgot_pwd')" data-key="layout-components-module-3-text-11"> 忘记密码?</div> </div> </div> </el-form-item> <el-form-item v-if="loginActiveTab === 'set_pwd'" prop="confirm_password"> <div class="input_item"> <div> <i class="iconfont ic_Lock"></i> <el-input v-model="loginForm.confirm_password" placeholder=" 再次输入密码" show-password data-key="layout-components-module-3-text-12"></el-input> </div> </div> </el-form-item> <el-form-item v-if="loginActiveTab === 'register'" prop="isReadAgreement"> <div class="agreement_text"> <el-checkbox v-model="loginForm.isReadAgreement" :true-label="1" :false-label="0" data-key="layout-components-module-3-text-13"> 阅读同意</el-checkbox> <span @click="showAgreement = true" data-key="layout-components-module-3-text-14"> 《聚页服务协议及隐私条款》</span> </div> </el-form-item> <div v-if="loginActiveTab === 'login_sms'" class="submit_btn" @click="phoneLoginFun" data-key="layout-components-module-3-text-15"> 登录</div> <div v-if="loginActiveTab === 'login_pwd'" class="submit_btn" @click="pwdLoginFun" data-key="layout-components-module-3-text-16"> 登录</div> <div v-if="loginActiveTab === 'set_pwd'" class="submit_btn" @click="submitSetPwd" data-key="layout-components-module-3-text-17"> 提交</div> <div v-if="loginActiveTab === 'forgot_pwd'" class="submit_btn" @click="getResetTokenFun()" data-key="layout-components-module-3-text-18"> 下一步</div> <div v-if="loginActiveTab === 'register'" class="submit_btn" @click="userRegisterFun()" data-key="layout-components-module-3-text-19"> 下一步</div> <div v-if="loginActiveTab === 'login_sms' || loginActiveTab === 'login_pwd'" class="tips_text"> <span data-key="layout-components-module-3-text-20"> 还没有账号，</span> <span class="text" @click="changeTab('register')" data-key="layout-components-module-3-text-21"> 立即注册?</span> </div> <div v-if="loginActiveTab === 'register'" class="tips_text"> <span data-key="layout-components-module-3-text-22"> 已有账号，</span> <span class="text" @click="changeTab('login_sms')" data-key="layout-components-module-3-text-23"> 立即登录</span> </div> <div v-if="loginActiveTab === 'forgot_pwd'" class="tips_text"> <span class="text" @click="changeTab('login_sms')" data-key="layout-components-module-3-text-24"> 去登录</span> </div> <div class="tips_text tips_text_s" data-key="layout-components-module-3-text-25"> 您可以使用聚页旗下其他产品的账号进行登录</div> </el-form> </div> </div> </el-dialog> <div class="body_container" :class="hideHead ? 'hide_head' : ''" v-cloak> <a class="chat_gpt_box" href="https://www.starify.cn/chatgpt-wrote-an-article-for-my-ecommerce-website-for-seo-purpose"> <img src="/assets/image/p_img_chatgpt.jpg" class="pc_gpt_img"> <img src="/assets/image/Mp_img_chatGpt.jpg" class="mb_gpt_img"> </a> <div class="solution_page"> <div class="page_module solution-top-module" style="background-color: #ffffff" data-module="1"> <div class="solution-module-left"> <div class="module_title" data-key="module-1-text"> 对话营销<br> 服务于<span>客服</span> </div> <div class="module_desc" data-key="module-1-text-2"> 星光是一个对话营销集成工具，可用于管理客户的通信。<br> 在 WhatsApp、Facebook 和 Instagram 上发送推送通知。<br> 海量短信打开率高达98% ，降低成本。 </div> <div class="module_btn" @click="downloadExe()" data-key="module-1-text-3"> 立即开始 </div> </div> <div class="solution-module-right" data-key="module-1-image"><img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1017/652e2c32246bf.png" alt="module-1-image"></div> <div class="module_icon"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_downDouble" data-key="module-1-text-5"/> </svg> </div> </div> <div class="page_module page_module_shop" data-module="2"> <div class="page_module_index"> <div class="page_module_text"> <div class="module_desc"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_enshrine" data-key="module-2-text"/> </svg> <span class="" data-key="module-2-text-2">带来全新的便利性和互动性</span> </div> <div class="module_title" data-key="module-2-text-3"> 创建您自己的在线 WhatsApp 商店<br> 让客户能够即时购买 </div> <div class="module_title_s" data-key="module-2-text-4"> 使用WhatsApp将您的销售额提高 </div> <div class="module_count"> <span id="count_1" class="count_item" data-startVal="0" data-endVal=" 217" data-speed="4" data-decimals="0" data-key="module-2-text-5"></span> % </div> </div> <div class="page_module_image" data-key="module-2-image"><img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1017/652e2c32c3292.png" alt="module-2-image"></div> </div> </div> <div class="page_module page_module_message" data-module="3"> <div class="page_module_index"> <div class="page_module_text"> <div class="module_title"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_pointstar" data-key="module-3-text"/> </svg> <span class="" data-key="module-3-text-2">在WhatsApp、Facebook和Instagram上推送通知</span> </div> <div class="module_desc" data-key="module-3-text-3"> 海量短信打开率高达 98%，降低成本 </div> <div class="module_count"> <span id="count_2" class="count_item" data-startVal="0" data-endVal=" 98" data-speed="6" data-decimals="0" data-key="module-3-text-4"></span> % </div> </div> <div class="page_module_image" data-key="module-3-image"><img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1017/652e2c335fcbc.png" alt="module-3-image"></div> </div> </div> <div class="page_module page_module_message page_template_1" data-module="4"> <div class="page_module_index"> <div class="page_module_text"> <div class="module_title"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_Modle" data-key="module-4-text"/> </svg> <span class="" data-key="module-4-text-2">使用可回复您所有消息的 24/7 聊天机器人快速<br>帮助您的客户</span> </div> <div class="module_desc" data-key="module-4-text-3"> 使用我们预先设计的模板<br> 让您的机器人在几分钟内开始工作 </div> <div class="module_count"> <span id="count_3" class="count_item" data-startVal="0" data-endVal=" 24" data-speed="8" data-decimals="0" data-key="module-4-text-4"></span> </div> </div> <div class="page_module_image" data-key="module-4-image"><img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1017/652e2c33ec03e.png" alt="module-4-image"></div> </div> </div> <div class="page_module page_module_title_box" data-module="5"> <div class="page_module_index"> <div class="module_title"> <div class="" data-key="module-5-text">与星光一起</div> <div class="" data-key="module-5-text-2">让您的对话营销成就您的<span class='text_list'><span>业绩增长</span><span>降本增效</span><span>数字化变革</span><span>在线交易</span></span></div> </div> <div class="module_desc" data-key="module-5-text-3"> 我们的专家团队随时准备开发和实施根据您公司的需求定制的对话解决方案。 </div> </div> </div> <div class="page_module solution-card-module-three" data-module="6"> <div class="module_list"> <div class="module_item"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_keyboard" data-key="module-6-item-1-text"></use> </svg> <div class="module_item_title" data-key="module-6-item-1-text-2"> 在线聊天机器人 </div> <div class="module_item_desc" data-key="module-6-item-1-text-3"> 基于WhatsApp商业账号的营销和服务平台。星光软件围绕「引流获客」、「营销转化」、「运营管理」三种场景，帮助制造业用好WhatsApp与国际客户沟通联系,通过广告推送和在线聊天服务，提升私域运营转化能力。目前还完成了Instagram和Messenger在线聊天机器人的功能开发。 </div> </div> <div class="module_item"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_taxleft" data-key="module-6-item-2-text"></use> </svg> <div class="module_item_title" data-key="module-6-item-2-text-2"> AIGC </div> <div class="module_item_desc" data-key="module-6-item-2-text-3"> 星光提供AIGC助手工具帮助制造业完成常规性的工作。如内容生产、文案撰写、邮件营销内容撰写，后面还将增加数据分析等功能。实现自动化、智能化，提高效率10倍。 </div> </div> <div class="module_item"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_a-envelope1" data-key="module-6-item-3-text"></use> </svg> <div class="module_item_title" data-key="module-6-item-3-text-2"> 邮件营销 </div> <div class="module_item_desc" data-key="module-6-item-3-text-3"> 使用星光自带的智能电子邮件营销工具(Email Campaigns) 群发邮件，将线索采集、线索触达通过邮件形成闭环，将更多联系人转化为客户。 </div> </div> <div class="module_item"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_addUser" data-key="module-6-item-4-text"></use> </svg> <div class="module_item_title" data-key="module-6-item-4-text-2"> 创意落地页的A/B测试 </div> <div class="module_item_desc" data-key="module-6-item-4-text-3"> 星光的内容生产流程中内嵌了落地页创意工具，为广告转化、机器人内容推送提供了高转化率的页面，平均可提高转化率35.6%~180% </div> </div> <div class="module_item"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_fileF" data-key="module-6-item-5-text"></use> </svg> <div class="module_item_title" data-key="module-6-item-5-text-2"> AI知识库与对话机器人 </div> <div class="module_item_desc" data-key="module-6-item-5-text-3"> 建立企业专属AI知识库，使用自然语言处理、机器学习和数据分析来自动化和增强企业各个部门协作平台。基于任务式和AI智能的聊天机器人,可以用多种语言和跨不同实践领域工作，提供前所未有的效率和智能，能够大大提高企业的工作效率。 </div> <div class="module_item_tag" data-key="module-6-item-5-text-4"> 可独立部署 </div> </div> </div> </div> <div class="page_module page_module_partner" data-module="7"> <div class="module_title" data-key="module-7-text"> 伙伴 </div> <div class="module_desc" data-key="module-7-text-2"> 赚取许可证佣金（联盟伙伴）或利用您的客户<br>资源变现利润转售它们（营销伙伴）。 </div> <div class="module_desc font-bold" data-key="module-7-text-3"> 联盟合作伙伴 | 渠道合作伙伴 </div> <div class="module_desc" data-key="module-7-text-4"> 发现哪种类型的合作伙伴最适合您的现实。<br> 并成为聊天机器人经理。 </div> <div class="module_btn_list"> <div class="module_btn" @click="showFormDialog()" data-key="module-7-text-5"> 联盟合作伙伴计划 </div> <div class="module_btn module_btn_text" @click="showFormDialog()" data-key="module-7-text-6"> 渠道合作伙伴计划 </div> </div> <div class="module_image" data-key="module-7-image"><img src="/assets/image/channel/channel_img_servise.webp" alt="module-7-image"></div> </div> <div class="page_module"> <div class="module_form_container" id="page_submit_form_box" data-module="6"> <div class="module_image_tag" data-key="layout-components-module-6-image"><img src="/assets/image/home/bg_line_cube.webp" alt="layout-components-module-6-image"></div> <div class="module_text"> <div class="module_title" data-key="layout-components-module-6-text-2">即刻获得营销自由</div> <div class="module_desc" data-key="layout-components-module-6-text-4">使用星光系统，快速积累海量的客户资源</div> <div class="download_btn" @click="downloadExe()" data-key="layout-components-module-6-text"> 免费试用,立即下载 </div> </div> <div class="module_form"> <div class="module_form_text" data-key="layout-components-module-6-text-3"> 请填写您的信息，客户经理将会与您联系：</div> <el-form data-module ="1" :model="form" ref="form" :rules="rules" label-position="top" :inline="true" class="submit_form"> <el-col :span="12" :xs="24"> <el-form-item label=" 姓名" prop="name_8" required data-key="layout-components-module-1-text"> <el-input v-model="form.name_8" placeholder=" 请输入您的姓名" data-key="layout-components-module-1-text-2"></el-input> </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 公司邮箱" prop="name_13" required data-key="layout-components-module-1-text-3"> <el-input v-model="form.name_13" placeholder=" 请输入您的公司邮箱" data-key="layout-components-module-1-text-4"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item class="get_phone_item" label=" 联系电话" prop="name_9" required data-key="layout-components-module-1-text-5"> <el-col :span="11" :xs="24"> <el-input v-model="form.name_9" placeholder=" 请输入您的联系电话" data-key="layout-components-module-1-text-6"></el-input> </el-col> <el-col :span="11" :xs="24" class="phone_box"> <el-input v-model="form.valid_code" placeholder=" 请输入您的验证码" data-key="layout-components-module-1-text-7"></el-input> <span class="get_qrcode_btn" @click="getPhoneCode('name_9')" v-show="!sendCode" data-key="layout-components-module-1-text-8"> 获取验证码</span> <span class="get_qrcode_btn count_time" v-show="sendCode">{{ countTime }}</span> </el-col> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司名称" prop="name_10" required data-key="layout-components-module-1-text-9"> <el-input v-model="form.name_10" placeholder=" 请输入您的公司名称" data-key="layout-components-module-1-text-10"></el-input> </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 公司规模" prop="name_11" required data-key="layout-components-module-1-text-11"> <el-select v-model="form.name_11" placeholder=" 请选择您公司的规模" data-key="layout-components-module-1-text-12"> <el-option label=" 1-10人" value="1-10人" data-key="layout-components-module-1-text-13"></el-option> <el-option label=" 11-50人" value="11-50人" data-key="layout-components-module-1-text-14"></el-option> <el-option label=" 51-100人" value="51-100人" data-key="layout-components-module-1-text-15"></el-option> <el-option label=" 101-1000人" value="101-1000人" data-key="layout-components-module-1-text-16"></el-option> <el-option label=" 1001+" value="1001+" data-key="layout-components-module-1-text-17"></el-option> </el-select>  </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 所在城市" prop="name_12" required data-key="layout-components-module-1-text-18"> <el-input v-model="form.name_12" placeholder=" 请输入您所在的城市" data-key="layout-components-module-1-text-19"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司行业" prop="name_30" required data-key="layout-components-module-1-text-25"> <el-select v-model="form.name_30" placeholder=" 请选择您公司的行业" data-key="layout-components-module-1-text-26"> <el-option label=" B2B咨询" value="B2B咨询" data-key="layout-components-module-1-text-27"></el-option> <el-option label=" 服饰" value="服饰" data-key="layout-components-module-1-text-28"></el-option> <el-option label=" 零售" value="零售" data-key="layout-components-module-1-text-29"></el-option> <el-option label=" 品牌/奢侈品" value="品牌/奢侈品" data-key="layout-components-module-1-text-30"></el-option> <el-option label=" 珠宝/箱包" value="珠宝/箱包" data-key="layout-components-module-1-text-31"></el-option> <el-option label=" 美容/化妆品" value="美容/化妆品" data-key="layout-components-module-1-text-32"></el-option> <el-option label=" 家电/家具" value="家电/家具" data-key="layout-components-module-1-text-33"></el-option> <el-option label=" 教育" value="教育" data-key="layout-components-module-1-text-34"></el-option> <el-option label=" 金融/地产" value="金融/地产" data-key="layout-components-module-1-text-35"></el-option> <el-option label=" 专业服务" value="专业服务" data-key="layout-components-module-1-text-36"></el-option> <el-option label=" 创意媒体/营销" value="创意媒体/营销" data-key="layout-components-module-1-text-37"></el-option> <el-option label=" 中介服务" value="中介服务" data-key="layout-components-module-1-text-38"></el-option> <el-option label=" 软件开发" value="软件开发" data-key="layout-components-module-1-text-39"></el-option> <el-option label=" 其他" value="其他" data-key="layout-components-module-1-text-40"></el-option> </el-select>  </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司网址" prop="name_14" required data-key="layout-components-module-1-text-20"> <el-input v-model="form.name_14" placeholder=" 请输入您的公司网址" data-key="layout-components-module-1-text-21"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司介绍" prop="name_15" required data-key="layout-components-module-1-text-22"> <el-input v-model="form.name_15" placeholder=" 当前主营业务，过往经营产品，客户资源所覆盖的行业、类型、数量等" type="textarea" :autosize="{ minRows: 6 }" data-key="layout-components-module-1-text-23" ></el-input> </el-form-item> </el-col> <div class="learn-more" @click="submitForm" v-loading="submitLoading" data-key="layout-components-module-1-text-24"> 立即提交,免费下载</div> </el-form> </div> </div> </div> </div> </div> <div class="right_option"> <div class="option_list"> <div class="option_item" @click="scrollTop()"> <div class="option_svg"> Top </div> </div> </div> </div> <div class="bottom_container" data-module ="1" v-show="!hideBottom && websiteType === 'pc'" v-cloak> <div class="bottom"> <div class="bottom_left"> <div class="" data-key="layout-module-1-image"><img src="/assets/image/logoW-starify2X.svg" alt="layout-module-1-image"></div> <div class="" data-key="layout-module-1-text"> 星光全渠道对话机器人，致力于为出海企业提供全球即时通讯生态AI的对话云产品。云产品整合 Chatbot 和自然语言处理的能力，包括WhatsApp聊天机器人，微信聊天机器人，Line聊天机器人，Instagram聊天机器人，Shopify聊天机器人，官网AI客服，电子邮件、聊天、CRM等功能。可帮助您通过建立更牢固的客户关系来发展业务,助力企业实现全球化增长和品牌崛起。 </div> <div class="to_register" @click="showFormDialog()" data-key="layout-module-1-text-3"> 立即注册免费试用</div> </div> <div class="bottom_center"> <div class="bottom_center_list"> <div class="bottom_column"> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-4">产品</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/rpa-data-search" data-key="layout-module-1-text-5"> 数据采集 <span class='new_tag'>强</span> </a> <a class="bottom_navbar_item" href="/rpa-data-search" data-key="layout-module-1-text-6"> WhatsApp营销 </a> <a class="bottom_navbar_item" href="/event-marketing-platform" data-key="layout-module-1-text-7"> 展会营销管理 </a> <a class="bottom_navbar_item" href="/email-software" data-key="layout-module-1-text-8"> 邮件营销 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-9" href="https://www.meiyeyida.com/" target="_blank"> 落地页工具 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-10" href="https://www.starify.cn/whatsapp-chatbot-and-chatgpt-aibot" target="_blank"> 对话机器人 <span class='new_tag'>新</span> </a> <a class="bottom_navbar_item" href="/matchpages-website-builder" data-key="layout-module-1-text-11"> 聚页建站 </a> <a class="bottom_navbar_item" href="/whatsapp-shop-marketing-solution" target="_blank" data-key="layout-module-1-text-12"> WhatsApp Shop </a> <a v-if="baseUserInfo && baseUserInfo.rule_list && baseUserInfo.rule_list.includes('SOCIAL_MEDIA')" @click="routerToSmi" class="bottom_navbar_item" data-key="layout-module-1-text-13"> 星光社媒管理软件</a> </div> </div> </div> <div class="bottom_column"> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-14">服务</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/service" data-key="layout-module-1-text-15"> 服务体系 </a> <a class="bottom_navbar_item" href="/case-list" data-key="layout-module-1-text-16"> 客户案例 </a> </div> </div> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-17">伙伴</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/affiliate-partner" data-key="layout-module-1-text-18"> 联盟伙伴 </a> <a class="bottom_navbar_item" href="/reseller-parnter" data-key="layout-module-1-text-19"> 渠道合作 </a> </div> </div> </div> <div class="bottom_column"> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-20">资源中心</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/help-center" data-key="layout-module-1-text-21"> 使用技巧 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-22" href="https://www.starify.cn/how-to-use-WhatsApp-broadcast-function-on-starify" target="_blank"> WhatsApp广播 </a> </div> </div> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-23">聊天机器人</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" data-key="layout-module-1-text-24" href="https://www.starify.cn/whatsapp-chatbot-brief" target="_blank"> Whatsapp聊天机器人 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-25" href="https://www.starify.cn/wechat-official-account-chatbot-settings" target="_blank">微信AI客服</a> <a class="bottom_navbar_item" data-key="layout-module-1-text-26" href="https://www.starify.cn/facebook-messenger-chatbot" target="_blank"> Facebook聊天机器人 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-27" href="https://www.starify.cn/shopify-chatbot" target="_blank"> Shopify聊天机器人 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-28" href="https://www.starify.cn/instagram-chatbot" target="_blank"> Instagram聊天机器人 </a> </div> </div> </div> <div class="bottom_column"> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-29">解决方案</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/about-us" data-key="layout-module-1-text-30"> 泛娱乐及社交App </a> <a class="bottom_navbar_item" href="/game-solution" data-key="layout-module-1-text-31"> 出海游戏 </a> <a class="bottom_navbar_item" href="/ecommerce-solution" data-key="layout-module-1-text-32"> 跨境电商 </a> <a class="bottom_navbar_item" href="/logistics-solution" data-key="layout-module-1-text-33"> 出海物流 </a> <a class="bottom_navbar_item" href="/lawfirm-solution" data-key="layout-module-1-text-34"> 律师事务所 </a> <a class="bottom_navbar_item" href="/manufacturing-solution" data-key="layout-module-1-text-35"> 制造业 </a> <a class="bottom_navbar_item" href="/event-solution" data-key="layout-module-1-text-36"> 展会主办方 </a> <a class="bottom_navbar_item" href="/IPR-solution" data-key="layout-module-1-text-37"> 知识产权代理 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-38" href="https://www.starify.cn/solutions-for-government-international-investment-promotion" target="_blank"> 政府国际招商引资 </a> <a class="bottom_navbar_item" href="/whatsapp-chatbot-marketing-solution" data-key="layout-module-1-text-39"> 营销&销售部门 </a> </div> </div> </div> <div class="bottom_column"> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-40">关于我们</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/about-us" data-key="layout-module-1-text-41"> 星光营销平台 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-42" href="https://www.starify.cn/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits" target="_blank"> 推荐有奖 <span class='new_tag'>奖</span> </a> <a class="bottom_navbar_item" href="/sitemap" data-key="layout-module-1-text-43"> 网站地图 </a> </div> </div> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-44">工具</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/free-whatsapp-qr-code-generator" data-key="layout-module-1-text-45"> WhatsApp 二维码 </a> <a class="bottom_navbar_item" href="/ai-website-chatbot-plug-in" data-key="layout-module-1-text-46"> WhatsApp AI客服 </a> </div> </div> </div> </div> <div class="bottom_by"> <div class="" data-key="layout-module-1-text-47">星光跨境营销工作平台</div> <div> <span class="" data-key="layout-module-1-text-48">会邦：</span> <a class="" data-key="layout-module-1-text-49" href="https://matchexpo.cn" target="_blank">中文简体</a> | <a class="" data-key="layout-module-1-text-50" href="https://www.matchexpo.com/?lang=zh-tw" target="_blank">中文繁体</a> | <a class="" data-key="layout-module-1-text-51" href="https://www.matchexpo.com/?lang=en-us" target="_blank">English</a> </div> <div> <span class="" data-key="layout-module-1-text-52">聚页建站：</span> <a class="" data-key="layout-module-1-text-53" href="https://www.matchpages.cn/" target="_blank">外贸建站</a> | <a class="" data-key="layout-module-1-text-54" href="https://www.matchpages.cn/" target="_blank">DTC 独立站模板</a> | <a class="" data-key="layout-module-1-text-55" href="https://www.matchpages.cn/" target="_blank">Web Builder</a> </div> </div> </div> <div class="bottom_right"> <div class="" data-key="layout-module-1-text-56">商务合作 <br>marketing@matchexpo.com</div> <div class="" data-key="layout-module-1-text-57"> 地址：厦门市软件园三期诚毅北大街1号 601-4单元<br> 邮编: 361008<br> 公司网址：<a href='https://www.starify.cn/' target='_blank'>www.starify.cn</a> </div> <div class="qr_code"> <div> <img src=" /assets/image/bottom/footer_qr_serviseL.webp" data-key="layout-module-1-image-58"> <div class="" data-key="layout-module-1-text-59">售前咨询</div> </div> <div> <img src=" /assets/image/bottom/footer_qr_gzh.webp" data-key="layout-module-1-image-60"> <div class="" data-key="layout-module-1-text-61">关注公众号</div> </div> </div> </div> </div> <div class="page_by_about" data-key="layout-module-1-text-62"> 友情链接:     <a href='http://clca.hk' target='_blank'>香港中资上市公司协会</a> <a href='http://www.mofcom.gov.cn' target='_blank'>中华人民共和国商务部</a> <a href='http://www.caefi.org.cn' target='_blank'>中国外商投资企业协会</a> <a href='http://www.chinaisa.org.cn/gxportal/xfgl/portal/index.html' target='_blank'>中国钢铁工业协会</a> <a href='https://www.ca-sme.org' target='_blank'>中国中小企业协会</a> <a href='http://www.sse.com.cn' target='_blank'>上海证券交易所</a> <a href='https://www.cameraitacina.com/cn' target='_blank'>中国意大利商会 </a> <a href='http://www.szlawyers.com' target='_blank'>深圳市律师协会</a> <a href='https://www.hkex.com.hk/?sc_lang=en' target='_blank'>香港交易所</a> <a href='https://www.szse.cn/index/index.html' target='_blank'>深圳证券交易所</a> <a href='https://www.weforum.org' target='_blank'>世界经济论坛</a> </div> <div class="copyright_text"> <span data-key="layout-module-1-text-63"> Copyright 2019-2022 厦门聚页创意科技有限公司 Xiamen Matchpages Technology Co., Ltd | All rights Reserved</span> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d812ede0c6.gif" alt="starify" data-key="layout-module-1-image-64"> <a class="" data-key="layout-module-1-text-65" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35021102001654" target="_blank">闽公网安备35021102001654</a> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8153bd984.png" alt="starify" data-key="layout-module-1-image-66"> <a class="" data-key="layout-module-1-text-67" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">闽ICP备2021000802号</a> <a class="privacy_clause_btn" href="/privacy-policy" data-key="layout-module-1-text-68"> 隐私条款</a> <a class="privacy_clause_btn" href="/disclaimer" data-key="layout-module-1-text-69"> 免责条款</a> </div> </div> <div class="m_bottom_container" data-module ="12" v-show="!hideBottom" v-cloak> <div class="logo" data-key="layout-module-12-image"><img src="/assets/image/logoW-starify2X.webp" alt="layout-module-12-image"></div> <div class="website_desc" data-key="layout-module-12-text"> 星光跨境营销系统，致力于为中国出海企业提供包括数据智能采集、数据培育、WhatsApp ChatBot 聊天机器人、电子邮件、聊天、CRM 等一体化平台，可帮助您通过建立更牢固的客户关系来发展业务,助力企业实现全球化增长和品牌崛起。 </div> <div class="bottom_btn" @click="showFormDialog()" data-key="layout-module-12-text-3"> 立即注册免费试用 </div> <div class="website_option"> <el-collapse v-model="bottomActive" accordion> <el-collapse-item title="产品" name="产品"> <a class="website_option_item" href="/rpa-data-search" data-key="layout-module-12-text-4"> 数据采集 </a> <a class="website_option_item" href="/rpa-data-search" data-key="layout-module-12-text-5"> WhatsApp营销 </a> <a class="website_option_item" href="/event-marketing-platform" data-key="layout-module-12-text-6"> 展会营销管理 </a> <a class="website_option_item" href="/email-software"> 邮件营销 </a> <a class="website_option_item" data-key="layout-module-12-text-7" href="https://www.meiyeyida.com/" target="_blank"> 落地页工具 </a> <a class="website_option_item" data-key="layout-module-12-text-8" href="https://www.starify.cn/whatsapp-chatbot-and-chatgpt-aibot" target="_blank"> 对话机器人 </a> <a class="website_option_item" href="/matchpages-website-builder" data-key="layout-module-12-text-9"> 聚页建站 </a> </el-collapse-item> <el-collapse-item title="服务" name="服务"> <a class="website_option_item" href="/service" data-key="layout-module-12-text-10"> 服务体系 </a> <a class="website_option_item" href="/case-list" data-key="layout-module-12-text-11"> 客户案例 </a> </el-collapse-item> <el-collapse-item title="伙伴" name="伙伴"> <a class="website_option_item" href="/affiliate-partner" data-key="layout-module-12-text-12"> 联盟伙伴 </a> </el-collapse-item> <el-collapse-item title="聊天机器人" name="聊天机器人"> <a class="website_option_item" data-key="layout-module-12-text-13" href="https://www.starify.cn/whatsapp-chatbot-brief" target="_blank"> whatsapp聊天机器人 </a> <a class="website_option_item" data-key="layout-module-12-text-14" href="https://www.starify.cn/facebook-messenger-chatbot" target="_blank"> Facebook聊天机器人 </a> <a class="website_option_item" data-key="layout-module-12-text-15" href="https://www.starify.cn/shopify-chatbot" target="_blank"> Shopify聊天机器人 </a> <a class="website_option_item" data-key="layout-module-12-text-16" href="https://www.starify.cn/instagram-chatbot" target="_blank"> Instagram聊天机器人 </a> </el-collapse-item> <el-collapse-item title="资源中心" name="资源中心"> <a class="website_option_item" href="/help-center" data-key="layout-module-12-text-17"> 使用技巧 </a> <a class="website_option_item" data-key="layout-module-12-text-18" href="https://www.starify.cn/how-to-use-WhatsApp-broadcast-function-on-starify" target="_blank"> WhatsApp广播 </a> <a class="website_option_item" href="/sitemap" data-key="layout-module-12-text-19"> 网站地图 </a> </el-collapse-item> <el-collapse-item title="关于我们" name="关于我们"> <a class="website_option_item" href="/about-us" data-key="layout-module-12-text-20"> 星光营销平台 </a> <a class="website_option_item" href="/reseller-parnter" data-key="layout-module-12-text-21"> 渠道合作 </a> <a class="website_option_item" data-key="layout-module-12-text-22" href="https://www.starify.cn/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits" target="_blank"> 推荐有奖 </a> </el-collapse-item> </el-collapse> </div> <div class="website_info"> <div class="" data-key="layout-module-12-text-23">商务合作</div> <div class="" data-key="layout-module-12-text-24">marketing@matchexpo.com</div> </div> <div class="website_info"> <div class="" data-key="layout-module-12-text-25">地址：厦门市软件园三期<br>诚毅北大街1号 601-4单元</div> <div class="" data-key="layout-module-12-text-26">邮编: 361000</div> </div> <div class="website_by"> <div class="" data-key="layout-module-12-text-27">星光跨境营销工作平台</div> <div data-key="layout-module-12-text-28"> 会邦： <a href='https://matchexpo.cn'>中文简体</a> | <a href='https://www.matchexpo.com/?lang=zh-tw'>中文繁体</a> | <a href='https://www.matchexpo.com/?lang=en-us'>English</a> </div> <div data-key="layout-module-12-text-29"> 聚页建站： <a href='https://www.matchpages.cn/'>外贸建站</a> | <a href='https://www.matchpages.cn/'>DTC 独立站模板</a> | <a href='https://www.matchpages.cn/'>Web Builder</a> </div> </div> <div class="website_code"> <div> <img src="/assets/image/bottom/footer_qr_serviseL.webp"> <div class="" data-key="layout-module-12-text-30">售前咨询</div> </div> <div> <img src="/assets/image/bottom/footer_qr_gzh.webp"> <div class="" data-key="layout-module-12-text-31">关注公众号</div> </div> </div> <div class="website_link" data-key="layout-module-12-text-32"> 友情链接:     <a href='http://clca.hk'>香港中资上市公司协会</a> <a href='http://www.mofcom.gov.cn'>中华人民共和国商务部</a> <a href='http://www.caefi.org.cn'>中国外商投资企业协会</a> <a href='http://www.chinaisa.org.cn/gxportal/xfgl/portal/index.html'>中国钢铁工业协会</a> <a href='https://www.ca-sme.org'>中国中小企业协会</a> <a href='http://www.sse.com.cn'>上海证券交易所</a> <a href='https://www.cameraitacina.com/cn'>中国意大利商会 </a> <a href='http://www.szlawyers.com'>深圳市律师协会</a> <a href='https://www.hkex.com.hk/?sc_lang=en'>香港交易所</a> <a href='https://www.szse.cn/index/index.html'>深圳证券交易所</a> <a href='https://www.weforum.org'>世界经济论坛</a> </div> <div class="copyright_text"> <span class="" data-key="layout-module-12-text-33">Copyright 2019-2022 厦门聚页创意科技有限公司 Xiamen Matchpages Technology Co., Ltd | All rights Reserved</span> <div data-key="layout-module-12-image-34"> https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d812ede0c6.gif</div> <div style="display: flex;justify-content: center"> <a class="privacy_clause_btn" href="/privacy-policy" data-key="layout-module-12-text-35"> 隐私条款</a> </div> </div> </div> </div> </body> <link href="/assets/lib/animate/animate.min.css" rel="stylesheet" type="text/css"/> <link href="/assets/iconfont/iconfont.css?version=2.10.14" rel="stylesheet" type="text/css"/> <script> let loading_box = document.getElementById("loadingBox") function completeLoading() { if (loading_box) { loading_box.style.opacity = '0'; setTimeout(() => { if (document.querySelector('.body_container')) { document.querySelector('.body_container').style.opacity = '1'; } document.getElementById("loadingBox").style.display = "none"; }, 400) } } //初始化loading效果 function initLoading() { document.getElementById("loadingBox").style.display = ""; document.getElementById("loadingBox").style.opacity = '1'; } function isMobile() { let userAgentInfo = navigator.userAgent; let Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']; let getArr = Agents.filter(i => userAgentInfo.includes(i)); return getArr.length ? true : false; } </script> <script src="/assets/lib/vue/vue@next.js?version=2.10.14"></script> <script src="/assets/lib/axios/axios.min.js"></script> <script src="/assets/lib/lottiePlayer/lottie-player.js"></script> <script src="/assets/lib/jquery/jquery-1.11.1.min.js"></script> <script src="/assets/lib/element/element-plus.js"></script> <script src="/assets/lib/js-cookie/js.cookie.js"></script> <script src="/assets/lib/qrcode/qrcode.min.js"></script> <script src="/assets/utils/utils-all.min.js?version=2.10.14"></script> <script src="/assets/utils/request.js?version=2.10.14"></script> <script src="/assets/utils/anonymity.js?version=2.10.14"></script> <script> let submit_form_mixins = { data() { const validPhone = (rule, value, callback) => { if (!isPhone(value)) { callback(new Error('请输入正确的手机号码')) } else { callback() } } const validEmail = (rule, value, callback) => { if (!isEmail(value)) { callback(new Error('请输入正确的邮箱格式')) } else { callback() } } return { submitLoading: false, getCodeLoading: false, countTime: 0, countTimeInterval: '', sendCode: false, form: { form_id: 2, name_8: '', name_9: '', name_10: '', name_11: '', name_12: '', name_15: '', name_13: '', name_14: '', name_16: window.location.href, r_id:'', r_ta:'', valid_code: '' }, rules :{ name_13: [ { required: true, message: '请输入您的公司邮箱', trigger: 'blur' }, { validator: validEmail, message: '请输入正确的邮箱格式', trigger: 'blur' } ], name_14: [ { required: true, message: '请输入您的公司网址', trigger: 'blur' } ], name_8: [ { required: true, message: '请输入您的姓名', trigger: 'blur' } ], name_9: [ { required: true, message: '请输入您的联系电话', trigger: 'blur' }, { validator: validPhone, message: '请输入正确的手机号码', trigger: 'blur' } ], name_10: [ { required: true, message: '请输入您的公司名称', trigger: 'blur' } ], name_11: [ { required: true, message: '请输入您公司的规模', trigger: 'blur' } ], name_12: [ { required: true, message: '请输入您所在的城市', trigger: 'blur' } ], name_15: [ { required: true, message: '请填写公司介绍', trigger: 'blur' } ] }, } }, methods: { getPhoneCode(prop) { if (!this.form[prop]) { this.$message.warning('手机号不能为空') return } if(this.getCodeLoading) { return false } this.countTime = 60 this.sendCode = true this.countTimeInterval = setInterval(()=>{ if (this.countTime > 0) { this.countTime -= 1 } if (this.countTime === 0) { clearInterval(this.countTimeInterval) this.countTimeInterval = null this.sendCode = false } },1000) this.getCodeLoading = true getPhoneCode({ phone: this.form[prop]}).then( response => { this.getCodeLoading = false if (response && response.code === 0) { this.$message.success('获取短信验证码成功，请留意您的短信') } }).catch(error=>{ this.getCodeLoading = false console.log(error) }) }, submitForm() { if (!this.submitLoading) { this.$refs['form'].validate((valid) => { if (valid) { if (!this.form.valid_code) { this.$message.warning('请获取短信验证码并填写') return } this.submitLoading = true if($('#r_id') && $('#r_id').val()){ this.form.r_id = $('#r_id').val(); } if($('#r_ta') && $('#r_ta').val()){ this.form.r_ta = $('#r_ta').val(); } jsCookie.set('starify_submit_form','1') apiSubmitFormAgentRecord(this.form).then((response)=>{ setTimeout(()=>{ this.submitLoading = false if (response.code === 0) { if (typeof addAnonymity === 'function') { addAnonymity({view_name:this.form.name_8,view_link_tel:this.form.name_9}) } this.$refs['form'].resetFields() this.$message.success('提交成功') window.open(window.location.origin + '/thank-page','_self') } },1000) }).catch((error)=>{ setTimeout(()=>{ this.submitLoading = false },1100) console.log(error) }) } }) } }, downloadBlog() { let btn = document.querySelector('#download-btn') if (!btn) { return } let url = btn.getAttribute('data-url') if (url) { setTimeout(()=>{ this.$message.success('正在下载') downloadFile(url) this.$emit('closeDialog') },1000) } }, }, }; </script> <script> const formParams = { phone: '', valid_code: '', country_code: '+86', password: '', confirm_password: '', pre_register_key: '', reset_token: '', isReadAgreement: 0 } let login_mixins = { data() { return { loginLoading: false, countryCodeList: allCountries, loginActiveTab: 'login_sms', loginForm: { username: '', valid_code: '', country_code: '+86', password: '', confirm_password: '', pre_register_key: '', reset_token: '', isReadAgreement: 0, spread_code: '' }, showAgreement: false, loginFormRules: { phone: '', valid_code: '', country_code: '+86', password: '', confirm_password: '', pre_register_key: '', reset_token: '', isReadAgreement: 0 }, loginCountTime: 60 } }, mounted() { if (document.querySelector('.login-form-tab')) { this.$nextTick(() => { this.resizeActiveTag() this.$refs.form.clearValidate() }) this.loginForm.spread_code = getUrlParam('s') } }, methods: { resizeActiveTag() { this.$nextTick(() => { const div = document.querySelector('.login-form-tab>div.active') const activeTag = document.querySelector('.active_tag') activeTag.style.width = Math.round(div.clientWidth) + 'px' activeTag.style.left = div.offsetLeft + 'px' activeTag.style.transform = 'scale(1.2)' }) }, returnRules() { const phone = [ { min: 11, max: 11, message: '请正确输入手机号', trigger: ['blur', 'change'] }, {required: true, message: '请输入手机号 ', trigger: ['blur', 'change']} ] const valid_code = [ {required: true, message: '请输入短信验证码 ', trigger: ['blur', 'change']} ] const password = [ { validator: (rule, value, callback) => { if (!passWordRules(value)) { callback('必须包含大小写字母数字特殊字符(~!#$%^&*()_)，至少8位') } else { callback() } }, trigger: ['blur', 'change'] }, {required: true, message: '请输入密码 ', trigger: ['blur', 'change']} ] const confirm_password = [ { validator: (rule, value, callback) => { if (value === '') { callback(new Error('请再次确认密码')) } else if (value !== this.loginForm.password) { callback(new Error('请保持两次密码一致')) } else { callback() } }, trigger: ['blur', 'change'] }, {required: true, message: '请再次输入密码 ', trigger: ['blur', 'change']} ] const isReadAgreement = [ {required: true, message: '请阅读并勾选隐私条款 ', trigger: ['blur', 'change']} ] if (this.loginActiveTab === 'login_sms' || this.loginActiveTab === 'forgot_pwd') { return { phone: phone, valid_code: valid_code } } if (this.loginActiveTab === 'register') { return { phone: phone, valid_code: valid_code, isReadAgreement: isReadAgreement } } if (this.loginActiveTab === 'set_pwd') { return { password: password, confirm_password: confirm_password } } if (this.loginActiveTab === 'login_pwd') { return { phone: phone, password: password } } }, changeTab(name) { if (name === 'forgot_pwd') { this.loginForm.password = '' this.loginForm.confirm_password = '' } this.loginActiveTab = name this.loginFormRules = this.returnRules() this.$nextTick(() => { this.$refs.form.clearValidate() this.resizeActiveTag() }) }, getResetTokenFun() { this.$refs.form.validate(valid => { if (valid) { getResetToken({ phone: this.loginForm.username, valid_code: this.loginForm.valid_code, country_code: this.loginForm.country_code.replace('+', '') }).then(res => { this.loginForm.reset_token = res.data this.loginForm.pre_register_key = '' this.changeTab('set_pwd') }) } }) }, userRegisterFun() { if (!this.loginForm.isReadAgreement) { this.$message.error('请先阅读并勾选隐私条款') return false } this.$refs.form.validate(valid => { if (valid) { userRegister({ phone: this.loginForm.username, valid_code: this.loginForm.valid_code, country_code: this.loginForm.country_code.replace('+', '') }).then(res => { this.loginForm.pre_register_key = res.data.pre_register_key this.loginForm.reset_token = '' this.changeTab('set_pwd') }) } }) }, submitSetPwd() { this.$refs.form.validate(valid => { if (valid) { if (this.loginForm.pre_register_key) { confirmRegister({ password: this.loginForm.password, confirm_password: this.loginForm.confirm_password, pre_register_key: this.loginForm.pre_register_key }).then(res => { this.pwdLoginFun() }) } else { resetPwdByToken({ password: this.loginForm.password, confirm_password: this.loginForm.confirm_password, reset_token: this.loginForm.reset_token }).then(() => { this.loginForm = formParams this.$message.success('重置密码成功') this.changeTab('login_pwd') }) } } }) }, pwdLoginFun() { this.$refs.form.validate(valid => { if (valid) { this.loginLoading = true userLoginSubmit({ username: this.loginForm.username, password: this.loginForm.password, spread_code: this.loginForm.spread_code, client_type: 'website' }).then((res) => { this.loginLoading = false this.$message.success('登录成功') this.loginSuccess(res.data) // this.$router.push({ path: '/' }) }).catch(() => { this.loginLoading = false }) } }) }, phoneLoginFun() { this.$refs.form.validate(valid => { if (valid) { this.loginLoading = true loginPhone({ phone: this.loginForm.username, country_code: this.loginForm.country_code.replace('+', ''), valid_code: this.loginForm.valid_code, spread_code: this.loginForm.spread_code, client_type: 'website' }).then((res) => { this.$message.success('登录成功') this.loginSuccess(res.data) this.loginLoading = false }).catch(() => { this.loginLoading = false }) } }) }, getPhoneCodeFun() { if (!this.loginForm.username) { this.$message.warning('获取验证码手机号不能为空') return false } const params = { phone: this.loginForm.username, country_code: this.loginForm.country_code.replace('+', '') } if (this.loginActiveTab === 'register') { getRegPhoneCode(params).then(() => { startCountDown() }) } else if (this.loginActiveTab === 'forgot_pwd') { getResetPhoneCode(params).then(() => { startCountDown() }) } else if (this.loginActiveTab === 'login_sms') { getLoginPhoneCode(params).then(() => { startCountDown() }) } const that = this function startCountDown() { that.$message.warning('获取短信验证码成功，请留意您的短信') const code_interval = setInterval(() => { if (that.loginCountTime - 1 >= 0) { that.loginCountTime -= 1 } else { that.loginCountTime = 60 clearInterval(code_interval) } }, 1000) } }, loginSuccess(res) { if (res.token) { this.$config.apiToken = res.token setUserCookie(res.token) } if (this.componentType === 'dialog') { this.loginDialog.visible = false this.getUserInfoEvent() this.$forceUpdate() } else if (getUrlParam('redirect')) { location.href = getUrlParam('redirect') } else { location.href = '/' } }, } }; </script> <script> let app_mixins = [submit_form_mixins,login_mixins] try { //判断是否存在页面的mixins文件 if (mixins) { app_mixins.push(mixins) } } catch (e) {} let app_body = initVue({ name:'app_body', mixins: app_mixins, data() { return { domain: this.$config.ossDomain, websiteType: '', loginDialog: { visible: false }, showMenu: false, showForm: false, hideHead: false, hideBottom: false, activeIndex: '', countNumberObj: false, bottomActive:'', blogCancelTokenSource:null, searchValue: '', blogOption:[], blogListLoading:false, baseUserInfo: {}, packetList: [], //帮助参数 helpCancelTokenSource:null, helpSearchValue: '', helpOption:[], helpListLoading:false, allPageCancelTokenSource:null, allPageSearchValue: '', allPageOption:[], allPageListLoading:false, initAllSearchScrollLoad:false, returnLocalLang: 'zh-cn', allSearchParams: { keyword:'', page_size:30, page:1 } } }, created() { this.getUserInfoEvent() }, mounted() { //获取页面名称 this.getPageRouter() //获取页面类型 this.getWebsiteType() window.onresize =()=>{ reduceRem() this.getWebsiteType() } //初始化wow this.handleScroll() this.$nextTick(async ()=>{ if (this.websiteType === 'pc') { this.initSkrollr() } this.lazyLoad() document.addEventListener('scroll',()=>{ this.lazyLoad() },{passive: true}) }) //初始化弹窗 this.initNotification() this.$loading.completeLoading() this.getPacketData() this.initOurClientsOwl() if (getUrlParam('website_type') && getUrlParam('website_type') === 'edit') { this.initPostMessage() } }, methods: { initPostMessage() { this.$nextTick(()=>{ window.addEventListener('message',(e)=>{ if (!this.isInitMessage) { document.querySelector('body').classList.add('edit_page_body') let box_module_list = document.querySelectorAll('*[data-key]') box_module_list.forEach(item=>{ item.addEventListener('click',(event)=>{ this.isInitMessage = true event.preventDefault(); window.parent.postMessage({ 'type': 'initMessageData', // 自定义事件名 'value': item.getAttribute('data-key') // 数据，只能是字符串 }, '*'); }) }) } if (e && e.data) { let data = JSON.parse(e.data) if (data.key && data.key === 'update_value') { let list = document.querySelectorAll('*[data-key=' + data.module_key + ']') let content = data.content console.log(data) console.log(list) list.forEach(targetElement=>{ if (targetElement.tagName === 'img' || targetElement.tagName === 'video') { targetElement.src = content } else if (targetElement.querySelector('img')) { targetElement.querySelector('img').src = content } else if (targetElement.querySelector('video')) { targetElement.querySelector('video').src = content } else if (targetElement) { targetElement.innerHTML = content } }) } if (data.list && data.key && data.key === 'init_event') { let all_box = document.querySelectorAll('*[data-key]') let box_list = document.querySelectorAll('.edit_module_box_active_style') box_list.forEach(item=>{ item.classList.remove('edit_module_box_active_style') }) let key_list = data.list.map(item=>{ return item.key }) all_box.forEach(item=>{ let key = item.getAttribute('data-key') if (key_list.includes(key)) { item.classList.add('module_box_active_style') } }) } if (data.route_path && data.route_path !== 'layouts.index') { $('.layout_header').addClass('wrapper_box_disabled') $('.layout_m_header').addClass('wrapper_box_disabled') $('.layout_footer').addClass('wrapper_box_disabled') let all_box_a = document.querySelectorAll('a:not(.module_box_active_style)') all_box_a.forEach(item=>{ if (JSON.stringify(item.classList).indexOf('module_box_active_style') === -1) { item.href = 'javascript:void(0)' } }) } } }) }) }, routerToSmi() { let url = 'https://socialmedia.starify.cn' + '#/third-part-login?token=' + this.$config.apiToken window.open(url) }, routerToStarify() { let url = 'https://app.starify.cn' window.open(url) }, initOurClientsOwl() { //初始化公共模块的滚动 this.$nextTick(()=>{ if (document.getElementById('our-clients-carousel')) { if (window.screen.availWidth > 992) { this.initOwlEvent('#our-clients-carousel',10,6,true,false,true) } else { this.initOwlEvent('#our-clients-carousel',20,1,true,false,true) } } if (document.getElementById('solution-partners-carousel')) { if (window.screen.availWidth > 992) { this.initOwlEvent('#solution-partners-carousel',10,6,true,true,true,false) } else { this.initOwlEvent('#solution-partners-carousel',20,1,true,true,true,false) } } if (document.getElementById('integrated-list-carousel')) { if (window.screen.availWidth <= 992) { this.initOwlEvent('#integrated-list-carousel',20,2,true,true,true,false) } } }) }, toPacketPage() { window.open(chatgpt_url + '/aichatbot') }, getPackagePrice(packet_key) { let val = this.packetList.find(item=>{return item.packet_key === packet_key}) return val.price }, getPackageOriginalPrice(packet_key) { let val = this.packetList.find(item=>{return item.packet_key === packet_key}) return val.original_price }, getPacketData() { getPacket({ app_code:'CHATGPT' }).then(res=>{ this.packetList = res.data }) }, locationTo(url,type) { if (type) { window.open(url,type) } else { location.href = url } }, getUserInfoEvent() { if (!this.$config.apiToken) { return } getUserInfo().then(res=>{ this.baseUserInfo = res.data this.baseUserInfo.rule_list = res.data.app_list.map(item=>{return item.app_code}) }) }, outLoginEvent() { logout().then(res=>{ if (res.ret === 0) { this.$config.apiToken = '' removeUserCookie() this.$message.success('退出登录成功') this.$forceUpdate() location.href = location.pathname } }) }, getWebsiteType() { if (window.innerWidth > 992) { this.websiteType = 'pc' } else { this.websiteType = 'mobile' } }, closeForm() { this.showForm = false }, routeToLogin() { if (location.pathname) { location.href = '/login?redirect=' + location.pathname } }, getPageRouter() { if (location.pathname && location.pathname !== '/') { this.activeIndex = location.pathname } else { this.activeIndex = '/home' } }, initNotification() { let white_list = ['/price','/support'] if (white_list.includes(this.activeIndex)) { return } setTimeout(()=>{ let num = this.getRandom(1,3) this.$notification('', `<div class="notice_dialog starify_download_dialog"> <div class="notice_head"> <img src="/assets/image/svg/dzlanse.svg"> 免费试用 </div> <div class="notice_body qrcode_body"> <div> 欢迎您的到来。刚才已经有<span>`+ num +`人</span>下载免费版本使用,很好用哦。 </div> <div class="download_btn"> <img src="/assets/image/svg/e3zixun.gif"> <span>点击下载免费版体验</span> </div> </div> <div class="notice_bottom"> <img src="/assets/image/svg/pplanse.svg"> Powered by Starify </div> </div>`,0,true,true) this.$nextTick(()=>{ let btn = document.querySelector('.notice_dialog.starify_download_dialog .download_btn') btn.addEventListener('click',()=>{ this.showFormDialog() }) }) },30000) }, getRandom(min,max) { return Math.floor(Math.random() * (max - min + 1)) + min; }, initSkrollr() { if (document.querySelectorAll('.background_scroll_box').length > 0) { skrollr.init(); } }, lazyLoad(){ var viewHeight = document.documentElement.clientHeight //可视区域的高度 //获取所有要进行懒加载的图片 const lazyLoadImg = document.querySelectorAll('img[data-original][lazyload]') lazyLoadImg.forEach(item => { let rect = item.getBoundingClientRect()//获取每一个img元素的宽高以及距离视口顶部的距离 if(rect.top <= viewHeight && rect.top > -rect.height){ item.src = item.dataset.original item.removeAttribute('data-original') item.removeAttribute('lazyload') } }) }, scrollToDom(dom) { console.log($(dom)) if ($(dom) && $(dom)[0]) { $(dom)[0].scrollIntoView() } }, scrollTop() { $('html,body').animate({scrollTop: 0}, 500); }, showFormDialog(type) { this.showForm = true }, downloadExe(type) { if (!(jsCookie.get('starify_submit_form') && jsCookie.get('starify_submit_form') === '1')) { this.$message.warning('请先提交表单后下载') this.showFormDialog() return } if (this.websiteType === 'mobile') { type = 'copy' } apiGetInstall({is_full:1,ver:0.1}).then((res)=>{ if (res.data.upgrade) { let exeUrl = res.data.upgrade if (type && type === 'copy') { copyValue(exeUrl) this.$message.success('复制链接成功,快去pc上下载使用吧！') } else { window.open(exeUrl) } } else { this.$message.warning('暂不提供下载,请联系客服获取资源包') } }) }, initCountNum(dom) { if (document.querySelectorAll(dom + ' .count_item').length > 0) { let list = document.querySelectorAll(dom + ' .count_item') list.forEach(item=>{ let id = item.getAttribute('id') let startVal = item.getAttribute('data-startVal') let endVal = item.getAttribute('data-endVal') let decimals = item.getAttribute('data-decimals') let speed = item.getAttribute('data-speed') this.countNumber(id,startVal,endVal,decimals,speed) }) } }, initOwlEvent(dom,margin,items,autoplay=false,nav=false,loop = false,dots=false) { let owl owl = $(dom) owl.owlCarousel({ margin: margin, items: items, autoplay:autoplay, nav: nav, loop: loop, dots:dots }) if (nav) { $('.btn_next').click(function() { owl.trigger('next.owl.carousel'); }) $('.btn_pre').click(function() { // With optional speed parameter // Parameters has to be in square bracket '[]' owl.trigger('prev.owl.carousel', [300]); }) } }, countNumber(id,startVal,endVal,decimals,duration) { new CountUp(id, startVal, endVal, decimals, duration, { useEasing: true,//效果 separator: ','//数字分隔符 }).start() //target：目标元素id, startVal：你想要开始的值, endVal：你想要到达的值, decimals：小数位数，默认值为0, duration：动画持续时间为秒，默认值为2, options：选项的可选对象 }, handleScroll () { let list = document.querySelectorAll('.page_module') list.forEach((item,index)=>{ item.classList.add('module_' + (index + 1)) var wow = new WOW({ boxClass: 'module_' + (index + 1), animateClass: 'start_animate', offset: 100, mobile: true, live: true, callback:()=>{ this.initCountNum('.module_' + (index + 1)) } }); wow.init(); }) }, pageTo(url,type) { if (type) { window.open(url) } else { location.href = url } }, solutionPageTo(url) { window.open(url,'_self') }, selectBlog(item){ this.searchValue='' this.pageTo('/'+item) }, blogQuerySearch(queryString) { this.blogListLoading=true // 如果存在请求，手动取消请求 if (this.blogCancelTokenSource) { this.blogCancelTokenSource.cancel('cancel by hand') this.blogCancelTokenSource = null } const cancelToken = axios.CancelToken this.blogCancelTokenSource = cancelToken.source() let query= axios( { method: 'get', url: '/api/blog/visitor-query-list', params: { keyword:queryString }, cancelToken:this.blogCancelTokenSource.token } ).then( response => { this.blogListLoading=false if(response.data&&response.data.code===0){ this.blogOption=response.data.data } }).catch(error=>{ this.blogListLoading=false console.log(error) }) }, adDownloadFile(url){ downloadFile(url) }, selectHelp(item){ this.helpSearchValue='' this.pageTo('/'+item) }, helpQuerySearch(queryString) { this.helpListLoading=true // 如果存在请求，手动取消请求 if (this.helpCancelTokenSource) { this.helpCancelTokenSource.cancel('cancel by hand') this.helpCancelTokenSource = null } const cancelToken = axios.CancelToken this.helpCancelTokenSource = cancelToken.source() let query= axios( { method: 'get', url: '/api/help/visitor-query-list', params: { keyword:queryString }, cancelToken:this.helpCancelTokenSource.token } ).then( response => { this.helpListLoading=false if(response.data&&response.data.code===0){ this.helpOption=response.data.data.data } }).catch(error=>{ this.helpListLoading=false console.log(error) }) }, selectAllPage(item){ this.allPageSearchValue='' this.pageTo('/'+item) }, allSearchScrollBind(){ if(!this.initAllSearchScrollLoad){ this.$nextTick(async ()=>{ const SELECT_DOM = document.querySelector('.el-select-dropdown .el-select-dropdown__wrap') let that = this if(!this.initAllSearchScrollLoad){ SELECT_DOM.addEventListener('scroll', function() { const condition = this.scrollHeight - this.scrollTop <= this.clientHeight if(condition){ that.allPageQuerySearch(that.allSearchParams.keyword) } }) this.initAllSearchScrollLoad=true } }) } }, allPageQuerySearch(queryString) { this.allPageListLoading=true // 如果存在请求，手动取消请求 if (this.allPageCancelTokenSource) { this.allPageCancelTokenSource.cancel('cancel by hand') this.allPageCancelTokenSource = null } if(queryString!==this.allSearchParams.keyword){ this.allSearchParams.page=1 this.allPageOption=[]; } const cancelToken = axios.CancelToken this.allPageCancelTokenSource = cancelToken.source() this.allSearchParams.keyword=queryString let query= axios( { method: 'get', url: '/api/query/all', params: this.allSearchParams, cancelToken:this.allPageCancelTokenSource.token } ).then( response => { this.allPageListLoading=false if(response.data&&response.data.code===0){ for (let i=0;i<response.data.data.data.length;i++){ this.allPageOption.push(response.data.data.data[i]) } this.allSearchParams.page+=1; } this.allSearchScrollBind() }).catch(error=>{ this.allPageListLoading=false console.log(error) }) }, }, },"#app_body") </script> <script src="https://oss.starify.cn/prod/starigy/w_chat/install/js/455234e1-30d4-6a32-4a16-5d811cbd07b4.js" async></script> <script> setTimeout(() => { let dom = document.querySelector('.solution-top-module') if (dom) { let btn = document.querySelector('.solution-top-module .module_icon .icon ') if (!btn) { return } btn.addEventListener('click', () => { window.scrollTo(dom.clientHeight + 100) }) } }, 1000) </script> </html>

CINXE.COM

WhatsApp对话机器人，AI营销助手，AI客服, ChatGPT对话 |星光对话机器人 | 星光对话机器人