电子交易插件easy-digital-downloads邮件发送样式制定

2020年3月8日14:00:52 评论 13
博客开通商城支付功能已经很长一段时间了,但是商城支付成功后发送给客户端的样式实在有点不合我心意,下面将自己花费N天改的源码附上,也算做个记录。(注:本人不会前端技术,所以...你们懂的)

先上实际效果图

电子交易插件easy-digital-downloads邮件发送样式制定
电子交易插件easy-digital-downloads邮件发送样式制定
(注:图片有点大,分两次截图的,很看懂即可)

下面上源码(直接复制进去邮件发送样式即可):

<div style="text-align: center; font-family: 宋体; font-size: 12pt; color: #000000;">
<table style="text-align: center; line-height: 30px;" border="1" width="100%" cellspacing="0">
<tbody>
<tr>
<td width="16.6%"><a style="padding: 14px 20px; text-decoration: none; color: white; display: block; background-color: #4caf50;" href="https://www.ls102.com"><strong>技术联盟</strong></a></td>
<td width="16.6%"><a style="padding: 14px 20px; text-decoration: none; color: white; display: block; background-color: #330066;" href="https://www.ls102.com/shopping.html"><strong>阿里认证</strong></a></td>
<td width="16.6%"><a style="padding: 14px 20px; text-decoration: none; color: white; display: block; background-color: #330066;" href="https://www.ls102.com/shopping.html"><strong>腾讯认证</strong></a></td>
<td width="16.6%"><a style="padding: 14px 20px; text-decoration: none; color: white; display: block; background-color: #330066;" href="https://www.ls102.com/shopping.html"><strong>华为认证</strong></a></td>
<td width="16.6%"><a style="padding: 14px 20px; text-decoration: none; color: white; display: block; background-color: #330066;" href="https://www.ls102.com/shopping.html"><strong>免费资料</strong></a></td>
<td width="16.6%"><a style="padding: 14px 20px; text-decoration: none; color: white; display: block; background-color: #330066;" href="https://www.ls102.com/register.html"><strong>会员返利</strong></a></td>
</tr>
<tr style="text-align: left;">
<td colspan="6" rowspan="1"><strong>您好,<span style="color: #ff0000;">{name}</span>:</strong>
<p style="padding-left: 40px;"><strong>欢迎选择<span style="color: #ff0000;">{sitename}</span> ,我们将为您带来最真挚的服务;</strong></p>
<p style="padding-left: 40px;"><strong>以下是您的<span style="color: #ff0000;">订单信息</span>,请您仔细查阅:</strong></p>
</td>
</tr>
</tbody>
<tbody style="background-image: url('https://www.ls102.com/wp-content/uploads/2019/12/beijing.png'); line-height: 40px;">
<tr>
<td colspan="2"><strong>商品名称</strong></td>
<td colspan="4"><strong>{download_list}</strong></td>
</tr>
<tr>
<td colspan="2"><strong>订单号</strong></td>
<td colspan="4"><strong>{payment_id}</strong></td>
</tr>
<tr>
<td colspan="2"><strong>下单账号</strong></td>
<td colspan="4"><strong>{username}</strong></td>
</tr>
<tr>
<td colspan="2"><strong>商品总价</strong></td>
<td colspan="4"><strong>{subtotal}</strong></td>
</tr>
<tr>
<td colspan="2"><strong>优惠码</strong></td>
<td colspan="4"><strong>{discount_codes}</strong></td>
</tr>
<tr>
<td colspan="2"><strong>实付金额</strong></td>
<td colspan="4"><strong>{price}</strong></td>
</tr>
<tr>
<td colspan="2"><strong>支付方式</strong></td>
<td colspan="4"><strong>{payment_method}</strong></td>
</tr>
<tr>
<td colspan="2"><strong>下单日期</strong></td>
<td colspan="4"><strong>{date}</strong></td>
</tr>
<tr>
<td colspan="2"><strong>订单收据</strong></td>
<td colspan="4"><strong>{receipt_link} </strong></td>
</tr>
<tr>
<td colspan="2"><strong>订单标识</strong></td>
<td colspan="4"><strong>{receipt_id}  </strong></td>
</tr>
</tbody>
<tbody>
<tr style="text-align: left;">
<td colspan="6" rowspan="1"><strong>关于本次订单,您<span style="color: #ff0000;">可以</span>:</strong>
<p style="padding-left: 40px;"><strong>客服会在两小时内联系您,并发放您的订单数据,您也可以扫描下方客服二维码<span style="color: #ff0000;">咨询/查询/投诉</span>;</strong></p>
<p style="padding-left: 40px;"><strong>关注下方公众号,随时查看<span style="color: #ff0000;">订单信息</span>;学习最新IT运维<span style="color: #ff0000;">新知识</span>;各种IT认证,<span style="color: #ff0000;">轻松获取</span>;</strong></p>
</td>
</tr>
<tr>
<td colspan="6" rowspan="1"  style="background-image: url('https://ps.ls102.com/2000/ls/shouquan.jpg'); text-align: center;">
<strong  style="display: block; padding: 60px 450px;;"></strong>
</tr>
</tbody>
</table>
</div>

好了,不喜勿喷!

  • 客服微信
  • 微信扫一扫
  • weinxin
  • 微信公众号
  • OPS技术联盟,每天掌握一个小知识!
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: