星光AI对话ChatBot -WhatsApp聊天机器人, WhatsAppShop | 星光

<!DOCTYPE html> <html> <head> <title>星光AI对话ChatBot -WhatsApp聊天机器人, WhatsAppShop | 星光 | 星光对话机器人</title> <meta name="keywords" content="全渠道对话机器人，AI聊天机器人，外贸私域营销,whatsapp营销,外贸crm,facebook营销,外贸邮件营销,Google营销，WhatsApp Shop解决方案，WhatsApp群发，WhatsApp广告" /> <meta name="baidu-site-verification" content="codeva-uXDJP0oFgI" /> <meta name="description" content="星光全渠道对话机器人是基于包括WhatsApp商业账号在内的全球全对话机器人的营销和服务平台。围绕全球即时沟通软件「引流获客」、「营销转化」、「运营管理」三种场景，帮助出海企业用好WhatsApp、Line、Instagram和邮件数字营销做客户服务增长，以及帮助客户提升私域运营转化能力。即时通讯软件包括WhatsApp，Instagram, Messenger, Line等。总而言之，星光为外贸企业和跨境电商提供全渠道对话机器人和私域营销解决方案，从获客、营销、管理、展会营销管理、建站、广告等多产品为企业出海提供一站式的数字营销服务。" /> <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/home">  <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> <script> var home_page_module_text_1 = '自动化数据采集，快速冷启动<br>结合AIGC技术，与客户多形式触达。WhatsApp、邮箱、电话' var home_page_module_text_2 = '通过WhatsApp，Messenger, Instagram等机器人聊天、实时聊天或短信<br>在一个全渠道平台上管理，以获得统一的客户体验' </script> <script src="/assets/js/homePage.js?version=2.10.14"></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"/> </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="home_page"> <div class="page_module home_banner_module" data-module> <div class="module_title_s" data-key="module-1-text"> RPA+AI：打造下一代、大模型驱动的 </div> <div class="module_title" data-key="module-1-text-2"> 基于聊天软件跨平台对话营销云 </div> <div class="module_btn" @click="downloadExe()"> <span class="tooltip" data-key="module-1-text-3">点击下载体验吧！</span> <span class="" data-key="module-1-text-4">免费试用14天</span> </div> <div class="image_list"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1220/658291c80cbf1.png" alt="mete.png" data-key="module-1-item-1-image"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1220/658291c719edc.png" alt="mete.png" data-key="module-1-item-2-image"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1220/658291c790911.png" alt="mete.png" data-key="module-1-item-3-image"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1220/658291c5d8251.png" alt="mete.png" data-key="module-1-item-4-image"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1220/658291c67d84f.png" alt="mete.png" data-key="module-1-item-5-image"> <img src=" https://oss.starify.cn/matchpages/share_center/2024/0531/7569/66596cecb367d/ic_line.png" alt="mete.png" data-key="module-1-item-6-image"> </div> </div> <div class="page_module home_module_server" data-module> <div class="module_title" data-key="module-2-text"> 产品与服务 </div> <div class="module_index"> <div class="module_box"> <div class="module_box_title" data-key="module-2-text-2"> 星光互动：<br> 全渠道AI客服 </div> <a class="module_box_btn" href="/reseller-parnter" data-key="module-2-text-3"> 全国渠道伙伴招募 </a> <div class="module_text_list" data-key="module-2-text-4"> <span>使用企业数据打造专属AI客服</span> <span>技术成本降低10倍</span> <span>无需人工标注</span> </div> </div> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1220/6582a437cac78.png" alt="GPT_model.png" data-key="module-2-text-5"> </div> </div> <div class="page_module home_page_module_2" data-module> <div class="module_title" data-key="module-3-text"> 市场销售和运营人员的苦恼 </div> <div class="module_list"> <div class="module_item"> <div class="module_svg"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_Frame1" data-key="module-3-item-1-text"/> </svg> </div> <div class="module_item_title" data-key="module-3-item-1-text-2">获客成本高</div> <div class="module_item_desc" data-key="module-3-item-1-text-3"> 依赖平台错<br> 转化成本高<br> 价格竞争激烈 </div> </div> <div class="module_item"> <div class="module_svg"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_Frame-11" data-key="module-3-item-2-text"/> </svg> </div> <div class="module_item_title" data-key="module-3-item-2-text-2">展会营销难</div> <div class="module_item_desc" data-key="module-3-item-2-text-3"> 展会成本高<br> 疫情后展会营销办法少<br> 参展效率低 </div> </div> <div class="module_item"> <div class="module_svg"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_Frame-21" data-key="module-3-item-3-text"/> </svg> </div> <div class="module_item_title" data-key="module-3-item-3-text-2">日常工作量大</div> <div class="module_item_desc" data-key="module-3-item-3-text-3"> 人工搜索费事<br> 员工整理费力<br> 数字化基础差 </div> </div> <div class="module_item"> <div class="module_svg"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_Frame-31" data-key="module-3-item-4-text"/> </svg> </div> <div class="module_item_title" data-key="module-3-item-4-text-2">运营成本大</div> <div class="module_item_desc" data-key="module-3-item-4-text-3"> 投入成本高<br> 每年几十万~上百万的投入<br> 投资回报率一年比一年差 </div> </div> </div> </div> <div class="page_module home_page_module_7" data-module> <div class="module_title" data-key="module-4-text"> 星光精选功能 </div> <div class="module_list"> <div class="module_item"> <div class="module_svg"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_caiji" data-key="module-4-item-1-text"></use> </svg> </div> <div class="module_item_title" data-key="module-4-item-1-text-2"> 线索采集 </div> <div class="module_item_desc" data-key="module-4-item-1-text-3"> 外贸营销系统 </div> <a class="module_item_btn" href="/event-marketing-platform" data-key="module-4-item-1-text-4"> 了解更多<span> > </span> </a> </div> <div class="module_item"> <div class="module_svg"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_web" data-key="module-4-item-2-text"></use> </svg> </div> <div class="module_item_title" data-key="module-4-item-2-text-2"> Web </div> <div class="module_item_desc" data-key="module-4-item-2-text-3"> 建站系统 </div> <a class="module_item_btn" href="/event-marketing-platform" data-key="module-4-item-2-text-4"> 了解更多<span> > </span> </a> </div> <div class="module_item"> <div class="module_svg"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_whatsapp" data-key="module-4-item-3-text"></use> </svg> </div> <div class="module_item_title" data-key="module-4-item-3-text-2"> WhatsApp </div> <div class="module_item_desc" data-key="module-4-item-3-text-3"> WhatsApp营销 </div> <a class="module_item_btn" href="/event-marketing-platform" data-key="module-4-item-3-text-4"> 了解更多<span> > </span> </a> </div> <div class="module_item"> <div class="module_svg"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_campaign" data-key="module-4-item-4-text"></use> </svg> </div> <div class="module_item_title" data-key="module-4-item-4-text-2"> Campaign </div> <div class="module_item_desc" data-key="module-4-item-4-text-3"> 邮件营销 </div> <a class="module_item_btn" href="/event-marketing-platform" data-key="module-4-item-4-text-4"> 了解更多<span> > </span> </a> </div> <div class="module_item"> <div class="module_svg"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href=" #ic_event" data-key="module-4-item-5-text"></use> </svg> </div> <div class="module_item_title" data-key="module-4-item-5-text-2"> Event </div> <div class="module_item_desc" data-key="module-4-item-5-text-3"> 展会营销管理 </div> <a class="module_item_btn" href="/event-marketing-platform" data-key="module-4-item-5-text-4"> 了解更多<span> > </span> </a> </div> </div> </div> <div class="page_module home_page_module_10" data-module> <div class="module_text"> <div class="module_title" data-key="module-5-text"> 在全渠道平台中通过社交聊天、实时聊天、聊天机器人<span class=\"dimension_text\"><span>更快地与客户联系</span></span>和签单 </div> <div class="module_desc" data-key="module-5-text-2"> 通过 WhatsApp、Instagram、微信、Messenger 等无缝销售、营销、广告或支持。在一个全渠道平台上管理所有应用程序的聊天，以获得统一的客户体验。 </div> <div class="module_btn" @click="showFormDialog" data-key="module-5-text-3"> 开始体验 </div> </div> <div class="module_media"> <div class="media_gif"> <img src="https://oss.starify.cn/matchpages/share_center/2024/0709/2565/668d05d4dd242/starify_selected.gif"> </div> <div class="" data-key="module-5-image"><img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0824/64e6f6c303b14.gif" alt="module-5-image"></div> </div> </div> <div class="page_module home_page_module_11" data-module> <div class="text_image_icon" data-key="module-6-image"><img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0810/64d49ec6490c2.png" alt="module-6-image"></div> <div class="text_animate_list"> <div class="text_item"> <div class="text_title"> <span id="count_1" class="count_item" data-startVal="0" data-endVal="6.3" data-speed="5" data-decimals="1" data-key="module-6-text"></span><span data-key="module-6-text-s1">倍</span> </div> <div class="text_desc" data-key="module-6-text-3"> 吸引更多潜在客户 </div> </div> <div class="text_item"> <div class="text_title"> <span id="count_2" class="count_item" data-startVal="0" data-endVal="2.8" data-speed="5" data-decimals="1" data-key="module-6-text-4"></span><span data-key="module-6-text-s1">倍</span> </div> <div class="text_desc" data-key="module-6-text-5"> 平均转化率增加 </div> </div> <div class="text_item"> <div class="text_title"> <span id="count_3" class="count_item" data-startVal="0" data-endVal="4.6" data-speed="5" data-decimals="1" data-key="module-6-text-6"></span><span data-key="module-6-text-s2">秒</span> </div> <div class="text_desc" data-key="module-6-text-7"> 响应时间 </div> </div> <div class="text_item"> <div class="text_title"> <span id="count_4" class="count_item" data-startVal="0" data-endVal="96" data-speed="4" data-decimals="0" data-key="module-6-text-8"></span>% </div> <div class="text_desc" data-key="module-6-text-9"> 减少客户等待时间 </div> </div> </div> </div> <div class="page_module home_page_module_12" data-module> <div class="module_title" data-key="module-7-text"> 官方WhatsApp 商业解决方案提供商 </div> <div class="module_desc" data-key="module-7-text-2"> 通过官方 WhatsApp商业解决方案服务商 - 星光使用卓越的 WhatsApp 解决方案。访问 WhatsApp Business Platform 的最新功能。 </div> </div> <div class="page_module home_page_module_13" data-module> <div class="module_media"> <img src="https://oss.starify.cn/matchpages/share_center/2024/0709/9878/668d05d5d8dce/starify_broadcast.gif"> </div> <div class="module_text"> <div class="module_tip" data-key="module-8-text"> 广播活动 </div> <div class="module_title" data-key="module-8-text-3"> 个性化您的广播消息和活动 </div> <div class="module_desc" data-key="module-8-text-4"> 根据购买行为自动细分、过滤和标记客户，以发送有针对性的 WhatsApp 营销活动或所有渠道的营销活动。跟踪实时统计数据以<span class=\"dimension_text\"><span>进一步改进它们</span></span>。 </div> <div class="module_btn" @click="showFormDialog" data-key="module-8-text-5"> 开始体验 </div> </div> </div> <div class="page_module home_page_module_13 home_page_module_13_1" data-module> <div class="module_text"> <div class="module_tip" data-key="module-9-text"> 聊天中付款链接 </div> <div class="module_title" data-key="module-9-text-2"> 在WhatsApp等聊天中更轻松地付款 </div> <div class="module_desc" data-key="module-9-text-3"> 连接到您的电子商务商店或<span class=\"dimension_text\"><span>将产品目录导入Starify</span></span>。通过在聊天中为您的客户创建付款链接来提供无摩擦的购买体验，并立即获得付款。 </div> <div class="module_btn" @click="showFormDialog" data-key="module-9-text-4"> 开始体验 </div> </div> <div class="module_media"> <img src="https://oss.starify.cn/matchpages/share_center/2024/0709/5962/668d05d5c29b5/starify_pay.gif"> </div> </div> <div class="page_module home_page_module_13 home_page_module_13_2" data-module> <div class="module_media"> <img src="https://oss.starify.cn/matchpages/share_center/2024/0709/2886/668d05d73576f/starify_reply.gif"> </div> <div class="module_text"> <div class="module_tip" data-key="module-10-text"> 自动化 </div> <div class="module_title" data-key="module-10-text-3"> 强大的 Facebook 和 Instagram </br>ChatBot的回复功能 </div> <div class="module_desc" data-key="module-10-text-4"> 无需广告，也可以增强社交媒体算法并推动自然增长，以实现最大转化出合格的潜在客户。<br> Facbook Messenger ChatBot和Instagram ChatBot提供智能答复。发挥对话营销的<span class=\"dimension_text\"><span>最大品牌效应</span></span>。 </div> <div class="module_btn" @click="showFormDialog" data-key="module-10-text-5"> 开始体验 </div> </div> </div> <div class="page_module home_page_module_13 home_page_module_13_3" data-module> <div class="module_text"> <div class="module_tip" data-key="module-11-text"> 共享团队话术与文件 </div> <div class="module_title" data-key="module-11-text-2"> 跨团队之间的关键协作 </div> <div class="module_desc" data-key="module-11-text-3"> 通过文件分享、创意内容审查，任务分工，团队共创，责任明确，实现跨团队高效协作。 </div> <div class="module_btn" @click="showFormDialog" data-key="module-11-text-4"> 开始体验 </div> </div> <div class="module_media"> <img src="https://oss.starify.cn/matchpages/share_center/2024/0709/5763/668d05d5569f1/starify_assistant.gif"> </div> </div> <div class="page_module home_page_module_14" data-module> <div class="module_title" data-key="module-12-text"> 数据培育 </div> <div class="module_desc" data-key="module-12-text-2"> 统计会话、分析每天商机、查看团队每日绩效 </div> <div class="title_tab_list"> <div class="title_item" @click="changeHomepageIndex(0)" :class="pageActive === 0? 'active' : ''"> <span class="" data-key="module-12-text-3">数据采集</span> </div> <div class="title_item" @click="changeHomepageIndex(1)" :class="pageActive === 1? 'active' : ''"> <span class="" data-key="module-12-text-4">会话统计</span> </div> <div class="title_item" @click="changeHomepageIndex(2)" :class="pageActive === 2? 'active' : ''"> <span class="" data-key="module-12-text-5">商机</span> </div> </div> <div class="module_tab_desc" v-html="pageText"></div> <div class="image_list"> <el-carousel trigger="click" ref="carousel" :autoplay="false" @change="changeCarousel"> <el-carousel-item> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0810/64d4aa53d0008.png" data-key="module-12-text-6"> </el-carousel-item> <el-carousel-item> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0810/64d4aa547a547.png" data-key="module-12-text-7"> </el-carousel-item> <el-carousel-item> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0810/64d4aa5506053.png" data-key="module-12-text-8"> </el-carousel-item> </el-carousel> </div> </div> <div class="page_module home_page_module_15" data-module> <div class="module_text"> <div class="module_title" data-key="module-13-text"> 使用AIGC，自动推送 </div> <div class="module_desc" data-key="module-13-text-2"> 多个通讯平台群发推广讯息，包括WhatsApp、Instagram、Facebook等，让客户了解你的<span class=\"dimension_text\"><span>最新营销讯息</span></span>！ </div> <div class="module_btn" @click="showFormDialog"> 开始体验 </div> </div> <div class="module_media"> <img src="https://oss.starify.cn/matchpages/share_center/2024/0709/5952/668d05d55db55/starify_auto_machine.gif"> </div> </div> <div class="page_module home_page_module_16" data-module> <div class="module_title" data-key="module-14-text"> 星光AIGC营销功能 </div> <div class="module_animate_list"> <el-carousel direction="vertical" :indicator-position="false" :pause-on-hover="false"> <el-carousel-item> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0814/64d9bf0388bfd.png" data-key="module-14-item-1-text"> </el-carousel-item> <el-carousel-item> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0814/64d9bf049a109.png" data-key="module-14-item-2-text"> </el-carousel-item> <el-carousel-item> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0814/64d9bf041f50a.png" data-key="module-14-item-3-text"> </el-carousel-item> <el-carousel-item> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0814/64d9bf0576115.png" data-key="module-14-item-4-text"> </el-carousel-item> <el-carousel-item> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0814/64d9bf0517282.png" data-key="module-14-item-5-text"> </el-carousel-item> </el-carousel> </div> <div class="module_desc" data-key="module-14-text-2"> 一键生成营销文本、配图与短视频脚本等多类型内容 </div> <div class="module_btn" @click="locationTo('/aichatbot')" data-key="module-14-text-3"> 免费开始制作 </div> </div> <div class="page_module home_page_module_8" data-module> <div class="page_module_left"> <div class="module_logo" data-key="module-15-image"><img src="/assets/image/favicon.ico" alt="module-15-image"></div> <div class="module_text"> <div class="module_title_s" data-key="module-15-text"> 一体化套件 </div> <div class="module_title" data-key="module-15-text-3"> Starify 星光 </div> <div class="module_desc" data-key="module-15-text-4"> 企业级应用全家桶<br><br> 作为深度整合的SaaS应用套件，星光为全球企业提供社媒<br>内容管理、机器人聊天、邮件自动化等功能, 满足企业从销售<br>到客服、从市场到团队协同等一体化管理的需求。 </div> <div class="module_btn" @click="showFormDialog" data-key="module-15-text-5"> 开始免费试用 </div> </div> </div> <div class="page_module_right"> <div class="module_icon"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#ic_laba" data-key="module-15-text-6"></use> </svg> </div> <div class="module_message" data-key="module-15-text-7"> “Starify是一套简单易用的全能工具” </div> <div class="module_info"> <div class="module_image" data-key="module-15-image-8"><img src="/assets/image/home/img_ghj.webp" alt="module-15-image-8"></div> <div class="module_expert"> <div class="module_expert_name" data-key="module-15-text-9"> 高总 </div> <div class="module_expert_tag" data-key="module-15-text-10"> 恒科工艺品 CEO </div> </div> </div> <div class="module_back_image" data-key="module-15-image-11"><img src="/assets/image/home/Swhite.webp" alt="module-15-image-11"></div> </div> </div> <div class="page_module home_page_module_5" data-module> <div class="module_title" data-key="module-16-text"> 3,000+ 客户的信赖 </div> <div class="module_desc" data-key="module-16-text-2"> 高效获取、管理您的客户，实现业务快速增长 </div> <div class="module_list owl-carousel owl-theme" id="home-owl-carousel"> <div class="module_item"> <div class="module_image"> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/avatar01.webp" alt="avatar08" data-key="module-16-item-1-image"/> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/bg_double_quotes.webp" alt="bg_double_quotes" data-key="module-16-item-1-text"/> </div> <div class="module_item_title" data-key="module-16-item-1-text-3"> 南京恒科电商 | 工艺品 </div> <div class="module_item_desc" data-key="module-16-item-1-text-4"> 目前2B的投放效果很差。我们使用了星光产品，每天都可以新增线索，目前积累了超过1000个潜在客户。经过筛选，有300多个潜在客户。星光外贸系统非常好用。 </div> </div> <div class="module_item"> <div class="module_image"> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/avatar02.webp" alt="avatar08" data-key="module-16-item-2-image"/> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/bg_double_quotes.webp" alt="bg_double_quotes" data-key="module-16-item-2-text"/> </div> <div class="module_item_title" data-key="module-16-item-2-text-3"> 厦门服装工厂| 泳衣 </div> <div class="module_item_desc" data-key="module-16-item-2-text-4"> 我公司6月成立，用了不到1个月的时间，已经从中成交了6个样单。顺利的话，订单金额大概有130万。团队人员3人，平均每天可以新增200条WhatsApp。大概又60多个回复。与前一天的数据累计，每周可以积累上千的客户。 </div> </div> <div class="module_item"> <div class="module_image"> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/avatar03.webp" alt="avatar08" data-key="module-16-item-3-image"/> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/bg_double_quotes.webp" alt="bg_double_quotes" data-key="module-16-item-3-text"/> </div> <div class="module_item_title" data-key="module-16-item-3-text-3"> 永康五金 |紧固件 </div> <div class="module_item_desc" data-key="module-16-item-3-text-4"> 我从同行那里听说过了，能找到很多客户。我就买了试试勒。效率真快。每天我都可以新增200个潜在客户，经过1-2周沟通，会沉淀下数十个质量不错的客户。预估下周有3个样品单。 </div> </div> <div class="module_item"> <div class="module_image"> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/avatar04.webp" alt="avatar08" data-key="module-16-item-4-image"/> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/bg_double_quotes.webp" alt="bg_double_quotes" data-key="module-16-item-4-text"/> </div> <div class="module_item_title" data-key="module-16-item-4-text-3"> 广州制冰机设备 </div> <div class="module_item_desc" data-key="module-16-item-4-text-4"> 星光效率太高了。我们没有多久，就有客户下了20台设备的订单。出单太快了，比平台和其他工具，都快很多。 </div> </div> <div class="module_item"> <div class="module_image"> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/avatar05.webp" alt="avatar08" data-key="module-16-item-5-image"/> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/bg_double_quotes.webp" alt="bg_double_quotes" data-key="module-16-item-5-text"/> </div> <div class="module_item_title" data-key="module-16-item-5-text-3"> 广州某美妆OEM </div> <div class="module_item_desc" data-key="module-16-item-5-text-4"> 我们除了使用Google搜索的功能，还用了Instagram的功能。谷歌搜索每天可以收集超过300多线索，Instagram则可以监控舆情内容，通过潜在粉丝沟通，我们改进了产品，实现了销售业绩增长2倍多。 </div> </div> <div class="module_item"> <div class="module_image"> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/avatar06.webp" alt="avatar08" data-key="module-16-item-6-image"/> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/bg_double_quotes.webp" alt="bg_double_quotes" data-key="module-16-item-6-text"/> </div> <div class="module_item_title" data-key="module-16-item-6-text-3"> 宁波雨刮刷 | 汽车配件 </div> <div class="module_item_desc" data-key="module-16-item-6-text-4"> 公司刚刚买了星光外贸系统不到2周，刚刚签订了2个订单。现在我每天就通过星光来搜索网上线索，再用WhatsApp营销。它的效率很高。持续收集到一定数量的潜在客户，再通过邮件来一次推送。用星光，销售变得更轻松，更高效。 </div> </div> <div class="module_item"> <div class="module_image"> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/avatar07.webp" alt="avatar08" data-key="module-16-item-7-image"/> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/bg_double_quotes.webp" alt="bg_double_quotes" data-key="module-16-item-7-text"/> </div> <div class="module_item_title" data-key="module-16-item-7-text-3"> 河北某流体设备 </div> <div class="module_item_desc" data-key="module-16-item-7-text-4"> 使用星光系统1个月的时间，公司几个业务都有了签单记录。最快的订单用了不到10天。以前都关注B2B平台。现在用了星光外贸营销系统，发现主动营销的高效。 </div> </div> <div class="module_item"> <div class="module_image"> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/avatar08.webp" alt="avatar08" data-key="module-16-item-8-image"/> <img src="" class="image-item" lazyload="true" data-original=" /assets/image/home/bg_double_quotes.webp" alt="bg_double_quotes" data-key="module-16-item-8-text"/> </div> <div class="module_item_title" data-key="module-16-item-8-text-3"> 青岛某医药化工 | 兽药 </div> <div class="module_item_desc" data-key="module-16-item-8-text-4"> 按照星光成功经理建议，每天固定的工作就是到星光系统去智能收集客户，我固定每天2次，的确是很容易通过星光找到持续不断的优质客户。现在有韩国的客户要直播看厂，巴西的企业要产品目录，阿尔及利亚要开始合作。再结合建站的线索，轻松发送邮件，再通过在线沟通。销售变得轻松很多。 </div> </div> </div> <div class="owl_carousel_btn"> <div class="btn_pre"><span class="pre_icon"></span><span class="iconfont ic_SwapLeft"></span></div> <div class="btn_next"><span class="pre_icon"></span><span class="iconfont ic_SwapRight"></span></div> </div> </div> <div class="page_module"> <div class="other-integrated" data-module="4"> <div class="integrated_title" data-key="layout-components-module-4-text"> 原生集成可将星光链接到技术堆栈中您最喜欢的云端应用程序 </div> <div class="integrated_list owl-carousel" id="integrated-list-carousel"> <div class="integrated-item" data-key="layout-components-module-4-item-1-image"><img src="/assets/image/other-integrate/01.png" alt="layout-components-module-4-item-1-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-2-image"><img src="/assets/image/other-integrate/02.png" alt="layout-components-module-4-item-2-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-3-image"><img src="/assets/image/other-integrate/03.png" alt="layout-components-module-4-item-3-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-4-image"><img src="/assets/image/other-integrate/04.png" alt="layout-components-module-4-item-4-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-5-image"><img src="/assets/image/other-integrate/05.png" alt="layout-components-module-4-item-5-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-6-image"><img src="/assets/image/other-integrate/06.png" alt="layout-components-module-4-item-6-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-7-image"><img src="/assets/image/other-integrate/07.png" alt="layout-components-module-4-item-7-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-8-image"><img src="/assets/image/other-integrate/08.png" alt="layout-components-module-4-item-8-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-9-image"><img src="/assets/image/other-integrate/09.png" alt="layout-components-module-4-item-9-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-10-image"><img src="/assets/image/other-integrate/10.png" alt="layout-components-module-4-item-10-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-11-image"><img src="/assets/image/other-integrate/11.png" alt="layout-components-module-4-item-11-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-12-image"><img src="/assets/image/other-integrate/12.png" alt="layout-components-module-4-item-12-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-13-image"><img src="/assets/image/other-integrate/13.png" alt="layout-components-module-4-item-13-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-14-image"><img src="/assets/image/other-integrate/14.png" alt="layout-components-module-4-item-14-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-15-image"><img src="/assets/image/other-integrate/15.png" alt="layout-components-module-4-item-15-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-16-image"><img src="/assets/image/other-integrate/16.png" alt="layout-components-module-4-item-16-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-17-image"><img src="/assets/image/other-integrate/17.png" alt="layout-components-module-4-item-17-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-18-image"><img src="/assets/image/other-integrate/18.png" alt="layout-components-module-4-item-18-image"></div> <div class="integrated-item" data-key="layout-components-module-4-item-19-image"><img src="/assets/image/other-integrate/19.png" alt="layout-components-module-4-item-19-image"></div> </div> </div> </div> <div class="page_module home_page_module_6"> <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> </html>

CINXE.COM

星光AI对话ChatBot -WhatsApp聊天机器人, WhatsAppShop | 星光 | 星光对话机器人