探索:邮件通知基于内容生成HTML代码

楼主
简道云应用场景探索者

 

常关注简道云的朋友会发现,在其官方的“2024-7-26”更新中,自定义邮件通知插件新增了多个参数,旨在进一步提升邮件通知的个性化程度,以满足用户在不同场景下的多样化需求。然而,尽管这些新增参数为有技术能力的用户带来了更多发挥空间,但对于大多数不具备代码编写能力的用户来说,想要充分利用这些功能并非易事。

本期,我们一起来探讨下如何让更多用户能够轻松享受到个性化邮件通知带来的便利的思考。

 

> 概念背景

 

 

简道云邮件通知插件的此次更新增加 3 个参数,尤其是在邮件正文类型方面。当设置为 HTML 格式时,它为用户提供了极大的自定义空间。

HTML 是超文本标记语言,通过特定的标签和属性来定义文本的格式、布局和内容展示。在邮件通知中使用 HTML 格式的正文,意味着用户能够创建丰富多样、具有特定样式的通知内容。

例如,用户可以通过 HTML 代码设置不同的字体样式、颜色,插入图片以增强视觉效果,还能构建精美的表格来清晰呈现数据。这对于某些需要突出关键信息、吸引收件人注意力的场景来说,具有极大的实用价值。

然而,HTML 语言的编写对于大多数用户来说并非易事,需要具备一定的技术知识和编程经验。这就使得如何能够基于常规内容自动生成 HTML 代码变得尤为重要。

基于此背景,特通过COZE制作了简道云邮件 HTML 代码生成助手,以便于本场景的应用。

 

> 效果演示

 

 

点击这里查阅演示视频

 

>> 应用示例

 

>>> 原文内容

 

2024年第二季度市场报告

## 报告概述
本报告由**[知名广告咨询公司]**提供,旨在分析2024年第二季度的市场情况,包括消费者行为、市场趋势和广告投放效果。

## 市场环境分析
### 经济环境
- 国内生产总值增长率:2.5%
- 消费者信心指数:85

### 行业动态
- 主要竞争对手动态:竞争对手A在本季度推出了新的产品线,竞争对手B在社交媒体广告投放上增加了预算。
- 新兴市场趋势:可持续产品和环保意识的增强正在推动市场向更绿色的产品转型。

## 消费者行为分析
### 消费者偏好
- 产品类别偏好:消费者更倾向于购买环保和可持续的产品。
- 购买渠道偏好:线上购物平台的偏好度增加,尤其是移动设备上的购物。

### 消费者人口统计
- 年龄分布:
  | 年龄段 | 人数 |
  |-|-|
  | 18-24   | 1000 |
  | 25-34   | 2000 |
  | 35-44   | 1500 |
  | 45-54   | 1000 |
  | 55+     | 500  |
  
- 性别分布:
  | 性别   | 人数 |
  |-|-|
  | 男性   | 3000 |
  | 女性   | 2000 |

- 收入水平:
  | 收入区间 | 人数 |
  |-|-|
  | ≤30000   | 2000 |
  | 30001-60000 | 1500 |
  | >60000   | 500  |

## 市场数据分析
### 销售数据
| 产品类别 | 第一季度销售额 | 第二季度销售额 | 增长率 |
|-|-|-|-|
| 电子产品 | 50000           | 60000           | 20%      |
| 服装      | 40000           | 45000           | 12.5%    |
| 食品      | 30000           | 35000           | 16.67%   |

### 广告投放效果
| 广告渠道   | 投放次数 | 点击率 | 转化率 |
|-|-|-|-|
| 社交媒体   | 100      | 3%    | 1%    |
| 搜索引擎   | 80       | 2%    | 0.5%  |
| 电视广播   | 50       | 1%    | 0.3%  |

## 趋势预测与策略建议
### 短期趋势
- 预计第三季度市场将继续保持增长,特别是电子产品和服装类别。

### 长期趋势
- 长期来看,市场将逐渐向可持续和环保产品倾斜,消费者对健康和环保的关注度将增加。

### 策略建议
- 针对当前市场情况,建议增加对环保产品的投入和研发,同时优化线上购物体验,提高用户满意度。

## 结论
本报告总结了2024年第二季度的市场情况,提供了详细的数据分析和趋势预测,旨在为决策者提供参考。

 

>>> 生成代码

 

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2024年第二季度市场报告</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            color: #333;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }
        .container {
            width: 80%;
            margin: auto;
            background-color: #fff;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .header {
            text-align: center;
            padding: 20px 0;
        }
        .header h1 {
            color: #0072c6;
        }
        .section {
            margin-bottom: 40px;
        }
        .section h2 {
            color: #0056b3;
            border-bottom: 2px solid #0056b3;
            padding-bottom: 10px;
        }
        table {
            width: 100%;
            margin-top: 20px;
            border-collapse: collapse;
        }
        table, th, td {
            border: 1px solid #ddd;
        }
        th, td {
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #0072c6;
            color: white;
        }
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }
        p {
            line-height: 1.6;
        }
        .bold {
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>2024年第二季度市场报告</h1>
        </div>
        <div class="section">
            <h2>报告概述</h2>
            <p>本报告由<strong>知名广告咨询公司</strong>提供,旨在分析2024年第二季度的市场情况,包括消费者行为、市场趋势和广告投放效果。</p>
        </div>
        <div class="section">
            <h2>市场环境分析</h2>
            <div>
                <h3>经济环境</h3>
                <ul>
                    <li>国内生产总值增长率:2.5%</li>
                    <li>消费者信心指数:85</li>
                </ul>
            </div>
            <div>
                <h3>行业动态</h3>
                <ul>
                    <li>竞争对手A在本季度推出了新的产品线,竞争对手B在社交媒体广告投放上增加了预算。</li>
                    <li>可持续产品和环保意识的增强正在推动市场向更绿色的产品转型。</li>
                </ul>
            </div>
        </div>
        <div class="section">
            <h2>消费者行为分析</h2>
            <div>
                <h3>消费者偏好</h3>
                <ul>
                    <li>产品类别偏好:消费者更倾向于购买环保和可持续的产品。</li>
                    <li>购买渠道偏好:线上购物平台的偏好度增加,尤其是移动设备上的购物。</li>
                </ul>
            </div>
            <div>
                <h3>消费者人口统计</h3>
                <table>
                    <tr>
                        <th>年龄段</th>
                        <th>人数</th>
                    </tr>
                    <tr>
                        <td>18-24</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td>25-34</td>
                        <td>2000</td>
                    </tr>
                    <tr>
                        <td>35-44</td>
                        <td>1500</td>
                    </tr>
                    <tr>
                        <td>45-54</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td>55+</td>
                        <td>500</td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <th>性别</th>
                        <th>人数</th>
                    </tr>
                    <tr>
                        <td>男性</td>
                        <td>3000</td>
                    </tr>
                    <tr>
                        <td>女性</td>
                        <td>2000</td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <th>收入区间</th>
                        <th>人数</th>
                    </tr>
                    <tr>
                        <td>≤30000</td>
                        <td>2000</td>
                    </tr>
                    <tr>
                        <td>30001-60000</td>
                        <td>1500</td>
                    </tr>
                    <tr>
                        <td>>60000</td>
                        <td>500</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="section">
            <h2>市场数据分析</h2>
            <div>
                <h3>销售数据</h3>
                <table>
                    <tr>
                        <th>产品类别</th>
                        <th>第一季度销售额</th>
                        <th>第二季度销售额</th>
                        <th>增长率</th>
                    </tr>
                    <tr>
                        <td>电子产品</td>
                        <td>50000</td>
                        <td>60000</td>
                        <td>20%</td>
                    </tr>
                    <tr>
                        <td>服装</td>
                        <td>40000</td>
                        <td>45000</td>
                        <td>12.5%</td>
                    </tr>
                    <tr>
                        <td>食品</td>
                        <td>30000</td>
                        <td>35000</td>
                        <td>16.67%</td>
                    </tr>
                </table>
            </div>
            <div>
                <h3>广告投放效果</h3>
                <table>
                    <tr>
                        <th>广告渠道</th>
                        <th>投放次数</th>
                        <th>点击率</th>
                        <th>转化率</th>
                    </tr>
                    <tr>
                        <td>社交媒体</td>
                        <td>100</td>
                        <td>3%</td>
                        <td>1%</td>
                    </tr>
                    <tr>
                        <td>搜索引擎</td>
                        <td>80</td>
                        <td>2%</td>
                        <td>0.5%</td>
                    </tr>
                    <tr>
                        <td>电视广播</td>
                        <td>50</td>
                        <td>1%</td>
                        <td>0.3%</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="section">
            <h2>趋势预测与策略建议</h2>
            <div>
                <h3>短期趋势</h3>
                <p>预计第三季度市场将继续保持增长,特别是电子产品和服装类别。</p>
            </div>
            <div>
                <h3>长期趋势</h3>
                <p>长期来看,市场将逐渐向可持续和环保产品倾斜,消费者对健康和环保的关注度将增加。</p>
            </div>
            <div>
                <h3>策略建议</h3>
                <ul>
                    <li>针对当前市场情况,建议增加对环保产品的投入和研发,同时优化线上购物体验,提高用户满意度。</li>
                </ul>
            </div>
        </div>
        <div class="section">
            <h2>结论</h2>
            <p>本报告总结了2024年第二季度的市场情况,提供了详细的数据分析和趋势预测,旨在为决策者提供参考。</p>
        </div>
    </div>
</body>
</html>

 

>>> 效果预览

 

 

> 实现逻辑

 

 

点击这里体验COZE工具

 

简道云邮件 HTML 代码生成助手的工作原理并不复杂,基于COZE的工作流完成,在工作流的大模型节点中会基于预设的提示词由AI完成内容分析与HTML代码生成。

 

>> 整理内容

 

建议由上至下的汇总内容,当遇到子表单时需要补充上字段名信息。

 

 

# 数据明细.汇总辅助

JOIN([数据明细.部门名称,数据明细.新增用户,数据明细.新增销售额,数据明细.年度已完成销售额],",")

# 正文内容

JOIN([邮件内容风格备注信息,邮件标题,照片信息,"部门名称,新增用户,新增销售额,年度已完成销售额",JOIN(数据明细.汇总辅助,CHAR(10))],CHAR(10))

 

>> 生成代码

 

助手会依据预设的规则,分析内容以及规划页面信息,然后生成正式的HTML代码。

 

# 温馨提示

HTML代码是由人工智能助手生成的,请仔细甄别,建议在使用这段代码之前,先相关审核,以确保可以较完整、准确的传达您的信息

 

>> 预览修订

 

对于生成的HTML代码,建议在使用前进行审核,以确保内容是否准确,故而建议进行效果预览,在预览的同时也可以对当前内容进行补充修订。

 

# HTML 部分标签

<!DOCTYPE html>:文档类型声明,用于指定文档是HTML5。
<html lang="zh-CN">:根元素,定义整个文档的语言是中文简体。
<head>:包含了文档的元数据。
<meta charset="UTF-8">:定义文档的字符编码为UTF-8。
<meta name="viewport" content="width=device-width, initial-scale=1.0">:确保页面在不同设备上正确显示。
<title>:定义文档的标题。
<style>:内联CSS样式,用于定义文档中的样式。
<body>:包含了文档的可见内容。
<div>:一个容器元素,用于布局和样式化。
<header>:定义文档的页眉区域。
<section>:定义文档中的一个区段或章节。
<h1>:定义最大的标题。
<h2>:定义次级标题。
<h3>:定义更低级别的标题。
<p>:定义段落。
<br>:定义一个换行。
<img src="image_url" alt="description">:嵌入图片。
<strong>:强调文本,显示为加粗。
<ul>:定义无序列表。
<li>:定义列表项。
<table>:定义表格。
<tr>:定义表格中的行。
<th>:定义表格中的表头单元格,通常加粗并居中。
<td>:定义表格中的单元格。
<style>:定义文档的内部样式。

 

👉 HTML 在线教程

 

> 本期总结

 

在本文中,我们探讨了简道云邮件通知插件新增的参数,尤其是针对大多数用户不具备代码编写能力的情况,介绍了简道云邮件 HTML 代码生成助手。

这款助手工具的优势显著,它大大降低了用户生成 HTML 代码的难度,使不熟悉代码的用户也能轻松实现个性化的邮件通知创作。

对于特定的场景,简道云邮件 HTML 代码生成助手有望进一步优化和完善,提供更多样化、更精准的代码生成服务,从而极大提升邮件通知的效果和用户体验。

 

> 更多内容

 

导航:云函数&前端事件&自建插件 内容集

汇总:论坛中发表过的所有帖子

 

承接简道云技术咨询与应用定制

承接月度技术支持服务

更多沟通交流可添加微信(zmlnow)

添加时请备注:简道云

 

 

 

分享扩散:
参与人数 +1 F币 +70 理由
Nancy.Gu + 70 24原创内容激励计划

查看全部评分

沙发
发表于 2024-8-1 10:37:13
您好,感谢您的投稿。您此篇文章内容基于邮件通知场景,实现自定义个性化邮件内容生成,专业性较强。内容详实全面,格式规范,期待您的下一篇投稿!
板凳
发表于 2024-8-16 15:56:03
非常好
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部 返回列表