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

本文主要是介绍在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

相关文章

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Python版本信息获取方法详解与实战

《Python版本信息获取方法详解与实战》在Python开发中,获取Python版本号是调试、兼容性检查和版本控制的重要基础操作,本文详细介绍了如何使用sys和platform模块获取Python的主... 目录1. python版本号获取基础2. 使用sys模块获取版本信息2.1 sys模块概述2.1.1

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

Linux云服务器手动配置DNS的方法步骤

《Linux云服务器手动配置DNS的方法步骤》在Linux云服务器上手动配置DNS(域名系统)是确保服务器能够正常解析域名的重要步骤,以下是详细的配置方法,包括系统文件的修改和常见问题的解决方案,需要... 目录1. 为什么需要手动配置 DNS?2. 手动配置 DNS 的方法方法 1:修改 /etc/res

前端缓存策略的自解方案全解析

《前端缓存策略的自解方案全解析》缓存从来都是前端的一个痛点,很多前端搞不清楚缓存到底是何物,:本文主要介绍前端缓存的自解方案,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、为什么“清缓存”成了技术圈的梗二、先给缓存“把个脉”:浏览器到底缓存了谁?三、设计思路:把“发版”做成“自愈”四、代码

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter

Vue3视频播放组件 vue3-video-play使用方式

《Vue3视频播放组件vue3-video-play使用方式》vue3-video-play是Vue3的视频播放组件,基于原生video标签开发,支持MP4和HLS流,提供全局/局部引入方式,可监听... 目录一、安装二、全局引入三、局部引入四、基本使用五、事件监听六、播放 HLS 流七、更多功能总结在 v

使用Java填充Word模板的操作指南

《使用Java填充Word模板的操作指南》本文介绍了Java填充Word模板的实现方法,包括文本、列表和复选框的填充,首先通过Word域功能设置模板变量,然后使用poi-tl、aspose-words... 目录前言一、设置word模板普通字段列表字段复选框二、代码1. 引入POM2. 模板放入项目3.代码

Java发送SNMP至交换机获取交换机状态实现方式

《Java发送SNMP至交换机获取交换机状态实现方式》文章介绍使用SNMP4J库(2.7.0)通过RCF1213-MIB协议获取交换机单/多路状态,需开启SNMP支持,重点对比SNMPv1、v2c、v... 目录交换机协议SNMP库获取交换机单路状态获取交换机多路状态总结交换机协议这里使用的交换机协议为常

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②