qimall/addons/WechatVideoShop/backend/views/sharer/manual.php

<div id="app" v-cloak>
    <el-card shadow="never" style="border:0;min-width: 1200px;" body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div slot="header">
            <span>操作手册</span>
        </div>
        <div class="bootstrap-container">
            <el-row>
                <el-col :span="12">
                    <h3 style="text-align: center">【产品动态】支持分销员推广视频号小店直播间</h3>
                    <p>各位商家：</p>
                    <p>自视频号官方推出“视频号小店”开店工具以来，因一直无法识别视频号小店推广人与下单的关系。使得不能激励分销员去推广，无法为商家的视频号引流。</p>
                    <p>现在，视频号官方开放了分享员的功能，在此基础上，结合了视频号的【分享员】和七件事的分销员导购助手】产品功能，正式推出了【分享员推广直播间】功能。支持分销员推广商家视频号直播间、短视频等场景，消费者支付完成功能的视频号小店订单，可以给分销员结算佣金。</p>

                    <h3>一、功能介绍</h3>
                    <p>支持店铺的分销员分享视频号直播间/短视频/小店商品，消费者购买视频号小店商品后，可以给对应的分销员结算佣金。</p>
                    <p>上线时间：2023年8月9日</p>

                    <h3>二、开通分销员/导购员推广直播间功能</h3>
                    <p>操作路径</p>
                    <p>1、商城电脑端后台-应用-微信视频号-引流获客-分享员推广直播间路径可以进入。 开通环节共有二步：绑定开放平台账号->点击已绑定，下一步。</p>
<!--                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/bind/1-1.png'"></el-image>-->
<!--                    <p>2、商城电脑端后台-应用-销售渠道-视频号小店-引流获客-分销员/导购员推广直播间</p>-->
<!--                    <p>上述两个路径都可以进入。</p>-->
<!--                    <p>开通环节共有三步：绑定微信视频号小店 -> 佣金结算方案确认 -> 分销员结算方案确认</p>-->
                    <h3>【第一步】——绑定微信视频号小店</h3>
                    <p>操作路径：应用-微信视频号小店-引流获客-分享员推广直播间-去开通</p>
                    <p>第一步就是完成视频号小店账号与七件事商城打通，账号打通后，才能识别视频号小店订单的下单和推广人，对应到七件事系统中的用户，详细操作流程见：【操作手册】</p>
                    <h4 style="color: #409EFF">频号小店账号与七件事是完成打通</h4>
                    <h4 style="color: #F56C6C">！ ！ ！这一步至关重要，如果没有将账号打通，功能无法使用 ！ ！ ！</h4>
                    <!-- 第一张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/1.png'"></el-image>
                    <h3>开通分销员推广直播间</h3>
                    <p>1、微信小程序/公众号管理员扫码登录微信公众号平台。</p>
                    <!-- 第二张图 微信公众号登录页面图片 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/2.png'"></el-image>
                    <p>2、打开设置>关联设置>完成绑定微信开放平台账号</p>
                    <!-- 第三张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/3.png'"></el-image>
                    <p>3、打开微信开放平台 <a target="_blank" href="https://open.weixin.qq.com/">https://open.weixin.qq.com/</a> 登录认证</p>
                    <!-- 第四张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/4.png'"></el-image>
                    <p>4、完成主体认证</p>
                    <!-- 第五张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/5.png'"></el-image>
                    <p>5、开放平台完成绑定视频号小店</p>
                    <!-- 第六张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/6.png'"></el-image>
                    <!-- 第七张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/7.png'"></el-image>
                    <h3>【第二步】分享员/分销员佣金设置</h3>
                    <!-- 第八张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/8.png'"></el-image>
                    <h3>【第三步】设置分享员等级</h3>
                    <!-- 第九张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/9.png'"></el-image>
                    <!-- 第十张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/10.png'"></el-image>
                    <h3>【第四步】--添加分享员</h3>
                    <!-- 【第四步】--添加分享员 -->
                    <!-- 第十一张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/11.png'"></el-image>
                    <h3>添加分享员详细操作</h3>
                    <p>操作路径:</p>
                    <p>1、商城电脑端后台-内容-微信视频号-视频号小店-引流获客-分销员/导购员推广直播间-添加分享员。</p>
                    <h3>邀请分享员方式一</h3>
                    <p>视频号小店管理员发送分享员邀请链接
                    <p>商家点击“邀请分享员”按钮，打开视频号小店的店铺分享员管理页面，点击关联按钮，弹窗显示二维码扫码邀请页面。视频号小店的管理员扫码给需要邀请的分销员/导购员微信发送邀请链接。</p>
                    <p>注意：<span style="color: red">可以将该邀请链接发送到微信群中</span>，群内的分销员/导购员都可以点击该链接接受邀请。</p>
                    <p>邀请分享员后，商城用户自动匹配，为该用户为分销员。如添加的分享员匹配七件事商城用户时，若无此用户，需手动后台绑定。</p>
                    <!-- 第十二张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/12.png'"></el-image>
                    <!-- 第十三张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/13.png'"></el-image>
                    <h3>【匹配不成功手动匹配操作】</h3>
                    <p>操作路径：应用—微信视频号小店—引流获客—分销员管理—操作/绑定。</p>
                    <!-- 第十四张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/14.png'"></el-image>
                    <h3 style="color: red">自动绑定七件事帐号环节，重点关注3个条件：</h3>
                    <p style="color: red">1、视频号小店与店铺的微信小程序/公众号绑定在了同一个开放平台帐号下</p>
                    <p style="color: red">2、即将邀请的微信号是七件事qimall系统的分销员</p>
                    <p style="color: red">3、分销员/导购员访问过商家微信小程序/店铺H5页面</p>
                    <h4>七件事系统帐号绑定完成后，绑定状态变更为绑定成功，该分销员就可以去推广了！</h4>
                    <h4 style="color: red">！！！务必确保七件事商城帐号绑定完成后，再告知分销员/导购员进行推广，否则无法计算业绩！！！</h4>
                    <!-- 第十五张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/15.png'"></el-image>
                    <p style="color: red">3.1、分销员推广赚佣</p>
                    <p style="color: red">3.2、推广视频号直播间/短视频/视频号小店商品</p>
                    <p>目前共支持视频号直播间/短视频/视频号小店商品，3种场景推广，七件事qimall帐号绑定完成的分销员可以将上述场景的链接分享至自己的社群。</p>
                    <!-- 第十六张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/16.png'"></el-image>
                    <h3>查看分销员/推广订单</h3>
                    <p>查看分销员推广订单</p>
                    <p>路径：应用-引流获客-奖励明细-奖励明细表。</p>
                    <p>分销员推广上述场景产生的视频号小店订单，可以在该页面即时查看，其余佣金结算逻辑与现有分销员订单保持一致，不再赘述。</p>
                    <!-- 第十七张图 -->
                    <el-image :src="diy_img_prefix+'/static/addons/WechatVideoShop/images/17.png'"></el-image>
                    <h3>补充2个场景说明：</h3>
                    <p>1、当视频号小店订单抢客失败时，则这部分订单将不结算佣金，订单上会标记出实际的视频号分享员。</p>
                    <p>2、视频号小店优选联盟订单，不会被算作分销员推广订单。</p>
                </el-col>
            </el-row>
        </div>
    </el-card>
</div>

<script>
    const app = new Vue({
        el: '#app',
        data: {
            diy_img_prefix: '<?= Yii::getAlias('@attachurl') ?>',
        },
        mounted() {},
        methods: {
        },
    });
</script>

<style>
    .bootstrap-container {
        padding: 40px;
        background-color: #fff;
        font-size: 15px;
    }

    .text-vertical-center {
        display: flex;
        align-items: center
    }

    .text-padding {
        padding: 0 10px
    }
    p {
        line-height: 30px;
    }
</style>