推广分两类：傻瓜式和联盟式。怎么讲呢？
傻瓜式指的是打开外卖软件，在个人信息界面中有个“邀请有奖”功能，将二维码或链接分享给好友，好友领取红包并使用后，平台即给返现

；联盟式指的是需在外卖对应的联盟平台（淘宝联盟、美团联盟）注册账户，并使用推广功能选择推广方式并生成推广链接，通过宣传和推广渠道触达潜在用户，使用户领取外卖平台红包，并消费，推广者获取平台指定比例的佣金（两家平台都为6%）。

饿了么美团外卖返利程序对接公众号发单机器人分销系统返利源码

美团/饿了么外卖CPS联盟返利公众号小程序裂变核心源码

源代码地址

https://gitee.com/caonima008/coupon/

成品展示

截图

步骤

• 下载以上源代码到本地
  https://gitee.com/caonima008/coupon/
• 修改为你自己的微信小程序，打开 /dist/pages/ele/index.js
  
• 微信小程序->开发管理->开发设置 添加 request的域名： 地址：
  https://mp.weixin.qq.com/wxamp/devprofile/get_profile?token=271531762&lang=zh_CN
  
• 小程序管理后台配置你的链接
  后台地址： http://q.mybei.cn
• 进去之后选择小程序管理->无裂变小程序管理->添加小程序->填入你自己的链接
  
• 微信开发者工具，导入项目，提交审核
  

.guoshu {
  background-color: #4ddba9;
  padding-bottom: 50rpx;
}

.guoshu .nav_bar__left {
  width: 32PX;
  height: 32PX;
  box-sizing: border-box;
  position: relative;
  left: 5PX;
}

.guoshu .nav_bar_tabs,.guoshu .nav_bar_tabs .item,.guoshu .nav_bar__left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.guoshu .nav_bar_tabs,.guoshu .nav_bar_tabs .item {
  width: 240rpx;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.guoshu .nav_bar_tabs .item {
  width: 120rpx;
  height: 60rpx;
  position: relative;
  -ms-flex-pack: center;
  justify-content: center;
}

.guoshu .nav_bar_tabs .item .title {
  font-size: 30rpx;
  letter-spacing: 1rpx;
  color: rgba(255,255,255,.85);
  font-weight: 700;
}

.guoshu .nav_bar_tabs .item.active .title {
  color: #fff;
}

.guoshu .nav_bar_tabs .item.active::after {
  content: "";
  width: 40rpx;
  height: 7rpx;
  border-radius: 3.5rpx;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20rpx;
}

.guoshu .wm_banner {
  position: relative;
}

.guoshu .wm_banner .img {
  width: 100%;
}

.guoshu .wm_coupon {
  margin: 0 44rpx;
  overflow: hidden;
}

.guoshu .wm_coupon .header,.guoshu .wm_coupon .header .step {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.guoshu .wm_coupon .header {
  height: 212rpx;
  position: relative;
  background-color: #fff;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  border-bottom: 3rpx dashed #4ddba9;
  -ms-flex-pack: center;
  justify-content: center;
}

.guoshu .wm_coupon .header::after,.guoshu .wm_coupon .header::before {
  content: '';
  position: absolute;
  bottom: -22rpx;
  width: 44rpx;
  height: 44rpx;
  border-radius: 50%;
  background-color: #4ddba9;
}

.guoshu .wm_coupon .header::before {
  left: -22rpx;
}

.guoshu .wm_coupon .header::after {
  right: -22rpx;
}

.guoshu .wm_coupon .header .step {
  flex-direction: column;
}

.guoshu .wm_coupon .header .step .img {
  width: 84rpx;
  height: 84rpx;
}

.guoshu .wm_coupon .header .step .span {
  font-size: 24rpx;
  color: #000;
  font-weight: 600;
  margin-top: 16rpx;
  letter-spacing: 2rpx;
}

.guoshu .wm_coupon .link {
  width: 40rpx;
  margin: 0 32rpx;
  position: relative;
  top: -24rpx;
}

.guoshu .wm_coupon .content {
  height: 550rpx;
  position: relative;
  background-color: #fff;
  border-bottom-left-radius: 20rpx;
  border-bottom-right-radius: 20rpx;
  text-align: center;
}

.guoshu .wm_coupon .content::after,.guoshu .wm_coupon .content::before {
  content: '';
  position: absolute;
  top: -22rpx;
  width: 44rpx;
  height: 44rpx;
  border-radius: 50%;
  background-color: #4ddba9;
}

.guoshu .wm_coupon .content::before {
  left: -22rpx;
}

.guoshu .wm_coupon .content::after {
  right: -22rpx;
}

.guoshu .wm_coupon .content .qrcode {
  width: 320rpx;
  height: 320rpx;
  margin-top: 32rpx;
}

.guoshu .wm_btns,.guoshu .wm_coupon .btn_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.guoshu .wm_coupon .btn_wrapper {
  position: absolute;
  bottom: 48rpx;
  left: 0;
  right: 0;
  padding: 0 88rpx;
  flex-direction: column;
}

.guoshu .wm_coupon .btn_wrapper .btn {
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  border-radius: 50rpx;
  background-color: #10c495;
  color: #fff;
  font-size: 38rpx;
  letter-spacing: 1rpx;
  font-weight: 600;
}

.guoshu .wm_btns {
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30rpx 48rpx 0;
}

.guoshu .wm_btns .btn {
  display: block;
  width: calc(50% - 15rpx);
  height: 76rpx;
  line-height: 76rpx;
  border-radius: 8rpx;
  font-size: 36rpx;
  font-weight: 600;
  text-align: center;
}

.guoshu .wm_btns .left {
  background-color: #fadca0;
  color: #105195;
}

.guoshu .wm_btns .right {
  background-color: #fff;
  color: #1b4e63;
}

.guoshu .wm_btns .disabled {
  background-color: #ccc;
  color: #999;
}

.guoshu .wm_tips {
  margin: 0 80rpx;
  color: rgba(255,255,255,.85);
  padding: 50rpx 0;
  letter-spacing: 1rpx;
  word-break: break-all;
}

.guoshu .wm_tips .h3 {
  font-size: 28rpx;
}

.guoshu .wm_tips .p {
  font-size: 24rpx;
  margin-top: 10rpx;
}