Whatsapp二维码生成器 | 星光全渠道对话云

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

CINXE.COM

Whatsapp二维码生成器 | 星光全渠道对话云 | 星光对话机器人