在outlook的邮件中插入HTML；HTML模板获取；页面组态手动生成HTML

2024-05-30 22:12
文章标签 模板 页面 生成 html 插入 获取 手动 frontend 邮件 outlook 组态

本文主要是介绍在outlook的邮件中插入HTML；HTML模板获取；页面组态手动生成HTML，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

本文介绍如何在outlook发送邮件时，在邮件中插入HTML，此HTML可以从获取模板自行进行修改。

文章目录

  • 一、下载HTML模板（或自己制作好HTML文件）
  • 二、outlook新增宏
  • 三、新建邮件，插入HTML
  • 四、通过图像化页面组态手动生成HTML
    • Stripo--可用于邮件html
    • Free Drag&Drop--可用于邮件html

一、下载HTML模板（或自己制作好HTML文件）

分享一个很好用的HTML模板网站，https://emaillove.com/，找到自己喜欢的模板，下载：

在这里插入图片描述
下载后复制其路径，比如我的路径为：C:\Temp\Downloads\2024-05-23-lego-news-email-design-7-email.html

记下这个路径，后面要用。

二、outlook新增宏

打开outlook->文件->选项->自定义功能区，勾选开发工具：

在这里插入图片描述
然后返回outlook页面，点击开发工具->宏
在这里插入图片描述
输入宏名称，点击创建：
在这里插入图片描述
然后点击工具->引用：
在这里插入图片描述
按照如下进行勾选，
在这里插入图片描述
点击确认。
将以下代码输入进去：

Dim insp As InspectorSet insp = ActiveInspectorIf insp.IsWordMail ThenDim wordDoc As Word.DocumentSet wordDoc = insp.WordEditorwordDoc.Application.Selection.InsertFile "C:\Temp\Downloads\2024-05-25-intrepid-camp-gear-email-design-email.html", , False, False, FalseEnd If

在这里插入图片描述
将里面的路径修改为我们第一步中下载下来的HTML的路径：C:\Temp\Downloads\2024-05-23-lego-news-email-design-7-email.html

在这里插入图片描述
保存，退出。

三、新建邮件，插入HTML

新建电子邮件->开发工具->宏->选择刚刚创建的宏：

在这里插入图片描述
效果如下所示，可以看到我们刚刚下载的HTML模板被插入到邮件中了：
在这里插入图片描述

四、通过图像化页面组态手动生成HTML

这里记录一下几个可以在图形化界面上通过拖拉拽手动生成HTML的界面，

Stripo–可用于邮件html

链接：https://stripo.email/

Stripo.email 是一个功能强大的电子邮件设计平台，旨在帮助用户轻松创建专业的电子邮件模板。以下是它一些主要特点和功能的详细介绍：

  1. 拖放式编辑器
    Stripo.email 提供直观的拖放式编辑器，让用户无需编写代码即可创建复杂的电子邮件布局。用户可以通过简单地拖动元素来添加图像、文本框、按钮、社交媒体图标等。

  2. 响应式设计
    平台支持响应式设计，确保电子邮件在不同设备（如桌面电脑、平板电脑和手机）上的显示效果都很出色。用户可以预览并调整不同设备上的显示情况。

  3. 丰富的模板库
    Stripo.email 提供大量预先设计的电子邮件模板，涵盖各种行业和使用场景，如促销活动、新闻通讯、假日祝福等。用户可以直接使用这些模板，或者根据需要进行自定义。

  4. 集成和导出
    该平台支持与多种电子邮件营销服务（如Mailchimp、Campaign Monitor、SendGrid等）集成，用户可以直接将设计好的模板导出到这些服务中。此外，还支持导出HTML代码，便于在其他平台上使用。

  5. 动态内容和互动元素
    Stripo.email 允许用户在电子邮件中嵌入动态内容和互动元素，如GIF动画、倒计时计时器、视频预览等。这些元素可以提升电子邮件的吸引力和互动性。

  6. 多用户协作
    该平台支持团队协作功能，多个用户可以同时在同一个项目中工作，并进行实时的意见交流和修改。这对于需要多人参与的营销团队特别有用。

  7. 代码编辑器
    对于有编程经验的用户，Stripo.email 还提供代码编辑器，可以手动编辑HTML和CSS代码，以实现更高级的自定义和控制。

  8. 测试和预览
    用户可以在发送前对电子邮件进行测试，预览在不同邮件客户端（如Gmail、Outlook等）中的显示效果，确保没有格式或显示问题。

  9. 高级设计工具
    平台提供多种高级设计工具，如自定义字体、颜色方案、图像编辑等，帮助用户打造独特且专业的电子邮件外观。

  10. 客户支持和资源
    Stripo.email 提供详尽的文档和教程，帮助用户快速上手。此外，用户还可以通过支持服务获得帮助，解决在使用过程中遇到的问题。

Free Drag&Drop–可用于邮件html

BeeFree.io 是一个创新的电子邮件和网页设计平台，是一个功能强大且易于使用的电子邮件和网页设计平台；旨在帮助用户快速创建专业且美观的电子邮件模板和登陆页面。：

  1. 拖放式编辑器
    BeeFree.io 提供直观的拖放式编辑器，用户可以通过简单的拖放操作来设计电子邮件和网页。这个编辑器无需编写代码，使得即使是没有技术背景的用户也能轻松上手。

  2. 响应式设计
    平台支持创建响应式设计，这意味着用户创建的内容能够在各种设备（包括桌面、平板和手机）上良好显示。BeeFree.io 提供实时预览功能，让用户可以随时查看设计在不同设备上的效果。

  3. 丰富的模板库
    BeeFree.io 提供大量预先设计的模板，适用于各种场景和行业，如促销活动、新闻通讯、节日祝福等。用户可以从这些模板中选择并进行个性化调整，节省设计时间。

  4. 集成和导出
    平台支持与多个电子邮件营销服务和平台的集成，如Mailchimp、HubSpot、Sendinblue等。用户可以将设计好的模板直接导出到这些服务中使用。此外，还支持导出HTML代码，以便在其他平台或服务中使用。

  5. 协作功能
    BeeFree.io 提供协作功能，允许多个用户共同编辑和审核同一个项目。这对于团队合作特别有用，确保所有相关人员都能参与设计和决策过程。

  6. 动态内容和互动元素
    用户可以在电子邮件中添加动态内容和互动元素，如动画、视频、表单等。这些元素可以提升用户参与度和点击率，增强电子邮件的效果。

  7. 代码编辑器
    对于高级用户，BeeFree.io 提供HTML和CSS代码编辑器，允许用户进行深度定制和优化，以满足特定的设计需求和品牌要求。

  8. 测试和预览
    BeeFree.io 提供全面的测试和预览功能，用户可以在发送前查看电子邮件在不同邮件客户端和设备上的显示效果，确保没有兼容性问题。

  9. 高级设计工具
    平台提供多种高级设计工具，如自定义字体、颜色选择器、图像编辑等，帮助用户创建独特且专业的设计。

  10. 用户支持和资源
    BeeFree.io 提供广泛的支持资源，包括详细的文档、教程和博客文章，帮助用户快速上手并解决使用中的问题。此外，用户还可以通过客服支持获得帮助。

这篇关于在outlook的邮件中插入HTML；HTML模板获取；页面组态手动生成HTML的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1016965。

相关文章

Vue3 的 shallowRef 和 shallowReactive：优化性能

Vue3 的 shallowRef 和 shallowReactive：优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉，那么对 shallowRef 和 shallowReactive 是否了解呢？ 在编程和数据结构中，“shallow”（浅层）通常指对数据结构的最外层进行操作，而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素，而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层（Shallow） 定义
阅读更多...
这15个Vue指令，让你的项目开发爽到爆

这15个Vue指令，让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件，按住 Control 和回车键再显示它吗？小菜一碟： <template
阅读更多...
【 html+css 绚丽Loading 】000046 三才归元阵

【 html+css 绚丽Loading 】000046 三才归元阵

前言：哈喽，大家好，今天给大家分享html+css 绚丽Loading！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介：💡2.外观描述：💡3.使用方式：💡4.战斗方式：💡5.提升：💡6.传说： 📚三、源代码，上代码，可以直接复制使用🎥效果🗂️目录✍️
阅读更多...
【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
AI一键生成 PPT

AI一键生成 PPT

AI一键生成 PPT 操作步骤 作为一名打工人，是不是经常需要制作各种PPT来分享我的生活和想法。但是，你们知道，有时候灵感来了，时间却不够用了！😩直到我发现了Kimi AI——一个能够自动生成PPT的神奇助手！🌟 什么是Kimi？ 一款月之暗面科技有限公司开发的AI办公工具，帮助用户快速生成高质量的演示文稿。 无论你是职场人士、学生还是教师，Kimi都能够为你的办公文
阅读更多...
poj3468(线段树成段更新模板题)

poj3468(线段树成段更新模板题)

题意：包括两个操作：1、将[a.b]上的数字加上v；2、查询区间[a,b]上的和 下面的介绍是下解题思路： 首先介绍  lazy－tag思想：用一个变量记录每一个线段树节点的变化值，当这部分线段的一致性被破坏我们就将这个变化值传递给子区间，大大增加了线段树的效率。 比如现在需要对[a,b]区间值进行加c操作，那么就从根节点[1,n]开始调用update函数进行操作，如果刚好执行到一个子节点，
阅读更多...
C++11第三弹：lambda表达式 | 新的类功能 | 模板的可变参数

C++11第三弹：lambda表达式 | 新的类功能 | 模板的可变参数

🌈个人主页： 南桥几晴秋 🌈C++专栏： 南桥谈C++ 🌈C语言专栏： C语言学习系列 🌈Linux学习专栏： 南桥谈Linux 🌈数据结构学习专栏： 数据结构杂谈 🌈数据库学习专栏： 南桥谈MySQL 🌈Qt学习专栏： 南桥谈Qt 🌈菜鸡代码练习： 练习随想记录 🌈git学习： 南桥谈Git 🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈�
阅读更多...
如何在页面调用utility bar并传递参数至lwc组件

如何在页面调用utility bar并传递参数至lwc组件

1.在app的utility item中添加lwc组件： 2.调用utility bar api的方式有两种： 方法一，通过lwc调用： import {LightningElement,api ,wire } from 'lwc';import { publish, MessageContext } from 'lightning/messageService';import Ca
阅读更多...
pdfmake生成pdf的使用

pdfmake生成pdf的使用

实际项目中有时会有根据填写的表单数据或者其他格式的数据，将数据自动填充到pdf文件中根据固定模板生成pdf文件的需求 文章目录 利用pdfmake生成pdf文件1.下载安装pdfmake第三方包2.封装生成pdf文件的共用配置3.生成pdf文件的文件模板内容4.调用方法生成pdf 利用pdfmake生成pdf文件 1.下载安装pdfmake第三方包 npm i pdfma
阅读更多...
poj 1258 Agri-Net（最小生成树模板代码）

poj 1258 Agri-Net（最小生成树模板代码）

感觉用这题来当模板更适合。 题意就是给你邻接矩阵求最小生成树啦。~ prim代码：效率很高。172k...0ms。 #include<stdio.h>#include<algorithm>using namespace std;const int MaxN = 101;const int INF = 0x3f3f3f3f;int g[MaxN][MaxN];int n
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2