如何定制 How to customize

 

点击此处下载图文并茂的WORD版本的邮件定制说明。

 

整个定制操作十分的简单和舒畅,基本无须学习,只要会简单的文本编辑就可以完成定制任务了。

 

定制前的建议:应该预先把邮件内容提前准备好。再具体一点,就是说要将邮件所使用的文字、提示、跳转链接URL、图片地址URL等数据提前保存在一个文本文件中,把邮件所需要的图片也预先上传到您的网站上(要求是可公共访问图片),在定制邮件时,直接复制其中的相应的数据,并粘贴到编辑区的内容中,这样就能快速地定制出自己的邮件。

 

1. 查看视频教程  VIDEO TUTORIALS

为了能让大家清晰地知道设计步骤,更快更熟练地使用此产品,我们特地制作了视频教程,希望对大家有所帮助。 请 点击上部菜单中的“如何 HOW”菜单查看。

Click on the “如何 HOW”in the main menu and follow the video tutorial.

 

2. 定制操作 Custom action

2.1 插入模板 Insert Template

有两种方法:1)快捷插入 2)编辑页面插入

1)快捷插入

点击菜单“模板 TEMPLATE”,打开模板列表,选中一个模板,然后再点击这一行的“定制 Customize”,就直接进入定制编辑页面(同时将加载此模板)。

温馨提示:在点击“定制 Customize”前,先点击一下此模板的缩略图(会打开一张图片),查看一下是否符合自己的要求和样式,同时可根据此图片来准备自己的文字、图片和链接等等资料,以提高定制效率。

 

2)编辑页面插入

首先,点击上部菜单中的“开始定制 CUSTOMIZE”链接,进入定制页面。

First, click on the “开始定制 CUSTOMIZE”in the main menu to go to customized page.

其次,在右侧的模板区,点击“模板Template”标签,然后点击模板类型,比如Email,就会列出可用的模板,点击下面某个模板的缩略图,就会将此模板插入到编辑区光标处。

Then, click on the “开始定制 CUSTOMIZE”tag, then Click the type to lauch the tempalte list. Click on the template thumbnail-images below to insert it into the edit area.

温馨提示1:模板类型包括Email(邮件)、Newsletter(简讯)、Html(网页)、My(个人专属)等4种类型,您可以根据自己的需要进行选择。

温馨提示2:模板的命名规则为:模板名+类型+宽度,比如,清新现代式模板 Email 600,它表示的含义是模板名称为“清新现代式模板”、是Email类型、模板的宽度为600px。其他例子:模板名 Newsletter 600,模板名 Html 900等等。

温馨提示3:如果想使用自己的模板或者获取自己的上次保存的进度(即接着上次保存的进度进行编辑),请点击“模板Template”标签,然后点击“MY”类型,就会列出自己的进度或模板,选择和插入就可以编辑了。

 

2.2 编辑 Edit

2.2.1 常规编辑操作

您可以任意地编辑文本、更改链接、更换颜色、更换图片等等。

1)编辑文本:您可以将模板中的文本更换为自己的想要的内容,还可以进行诸如设置文字字体、大小、加粗、对齐等等编辑操作,其操作方式与WORD相同,就是先选中文本,然后点击工具栏中的对应按钮就可以了。

2)更改链接:双击链接,会打开一个窗口,直接修改URL地址为自己的地址,然后点击确定按钮。建议同时在窗口的“目标”标签选择“新窗口”。

3)添加链接:请先选中文本或图片,然后点击工具栏中的链接图标,会打开一个窗口,直接在URL地址输入框中输入链接URL的地址,然后点击确定按钮。建议选择“新窗口”噢。

4)更换颜色:请参阅下面的颜色操作部分。

5)更换图片:双击图片,会打开一个窗口,直接修改URL地址为自己的地址,并设置合适的宽度和高度,然后点击确定按钮。

6)插入图片:请参阅下面的插入图片部分。

 

2.2.2 表格操作

邮件代码是一个个表格组成的(HTML不是),所以熟悉表格的操作可提高您的效率。

1)添加空白行

在编辑时可能会出现新添加的区块上下的空白太少,内容挤在一起不好看,您可以按照下面的方法添加空白行:

方法一: 新增加一个空白行

将鼠标移动到区块中,然后在区块的合适位置(比如内容区最上方或最正文或区块最左侧)点击鼠标右键,在新出现的右键菜单上的“行”的次级菜单点击“在上方插入行”(或 在下方插入行 ),就会新增加一个空白行。

方法二: 自定制一个空白行新区块

部分模板的区块(第一行或最后一行为多列的)按照上述的方法添加的行可能会带有区块背景的颜色(比如区块背景为灰色),可能会造成相邻两区块内容区背景不连续(假如上下两区块的内容区背景均为白色,您新插入的灰色的行会隔开本来连续的内容区白色背景),这样十分的不好看,解决方法为自定制一个新区块:

首先,请按照下面的“2.5 插入新区块元素”的方法一复制一个新的新区块,然后再根据实际情况来删除多余的行或列(您还可以直接删除内容区的表格),只留下一个空白行即可,详情参阅下面的“删除行(列)”、“删除表格”或“单元格高度设置”部分

方法三:使用插入区块元素的方法

部分模板的区块(第一行或最后一行为多列的)按照上述的方法添加的行可能会带有区块背景的颜色(比如区块背景为灰色),可能会造成相邻两区块内容区背景不连续(假如上下两区块的内容区背景均为白色,您新插入的灰色的行会隔开本来连续的内容区白色背景),这样十分的不好看,解决方法为添加新的“ 自适应空白行 ”区块:

首先,请按照下面的“2.5 插入新区块元素”的方法二插入一个新的空白行区块(比如“空白行 Email R600”),然后再按照下面的“ 2.3 颜色操作 ”方法分别调整区块背景色为灰色和内容区背景为白色即可。

2) 删除空白行

将鼠标移动到区块中,然后在区块的合适位置点击鼠标右键,在新出现的右键菜单上的“行”的次级菜单点击“删除行”。

3) 添加空白列

将鼠标移动到区块中,然后在区块的合适位置点击鼠标右键,在新出现的右键菜单上的“列”的次级菜单点击“在左侧插入列”(或 在右侧插入列 ),就会新增加一个空白列。

4)删除空白列

将鼠标移动到区块中,然后在区块的合适位置点击鼠标右键,在新出现的右键菜单上的“列”的次级菜单点击“删除列”。

5)单元格操作

将鼠标移动到区块中,然后在区块的合适位置点击鼠标右键,在新出现的右键菜单上的“单元格”的次级菜单点击相应的功能进行操作。

单元格属性:点击“单元格属性”会打开属性列表,您可以自行修改其属性。 这里最常用的是 宽(高)度(设置单元格的宽(高)度,只需要输入数字即可) 、背景颜色(设置单元格的背景颜色,比如:#5A5B60)和 边框(设置单元格边框的粗细,只需要输入数字即可,一般输入数字1即可,当然数字0表示没有边框) ,其他的属性测试一下就明白了,不再赘述。

在右(左)侧插入单元格:就是将本行分成两列,前者是在点击内容的右侧添加新单元格,而后者是在点击内容的左侧添加新单元格。

删除单元格:当然就是删除鼠标所在位置的单元格了。

其他属性一看就会没有必要再一一解释了。

6)删除表格

将鼠标移动到区块中,然后在区块的合适位置点击鼠标右键,在新出现的右键菜单上的“删除表格” 就会删除鼠标所在位置的表格了。

7)表格属性

包括行列、宽高度、边框等等属性,常用的就是边框、 宽高度和居中等等。

边框设置:就是设置边框的粗细,只需要输入数字即可,一般输入数字1即可,当然数字0表示没有边框。

宽(高)度:就是表格的宽(高)度,只需要输入数字即可。

其他的属性自行设置一下就知道了,很简单 。

 

 

2.3 颜色操作

您可以修改的颜色种类包括:文本颜色、文本背景色、内容区背景色、区块背景色和主背景色。

文本颜色:请先选中文本,然后在颜色区选中“文本颜色 Text color”,然后点击取色器的彩色圆环部分来选取一个颜色,再在取色器的彩色方块部分按住鼠标并拖动,您所选中的文本颜色会随您的拖动而动态改变。

文本背景色:请先选中文本,然后在颜色区选中“文本背景色 Text background ”,然后点击取色器的彩色圆环部分来选取一个颜色,再在取色器的彩色方块部分按住鼠标并拖动,您所选中的文本背景色会随您的拖动而动态改变。

内容区背景色:请先选中某个区块的手柄(选中时手掌会变为拳头),然后在颜色区选中“内容区背景 Content background ”,然后点击取色器的彩色圆环部分来选取一个颜色,再在取色器的彩色方块部分按住鼠标并拖动,内容区背景色会随您的拖动而动态改变。

区块背景色:请先选中某个区块的手柄(选中时手掌会变为拳头),然后在颜色区选中“区块背景色 Block background ”,然后点击取色器的彩色圆环部分来选取一个颜色,再在取色器的彩色方块部分按住鼠标并拖动,区块背景色会随您的拖动而动态改变。

主背景色。在颜色区选中“主背景色 Main background ”,然后点击取色器的彩色圆环部分来选取一个颜色,再在取色器的彩色方块部分按住鼠标并拖动,主背景色会随您的拖动而动态改变。

温馨提示:1)在更换文本颜色时,如果您的鼠标离开过取色器区域,再次拖动鼠标就不能再更改文本颜色,如果想再次修改,请再次选中文本。2)每一次操作完成后,请在颜色区选中“无操作 No action ”,以免影响后续的其他操作。

 

2.4 插入图片

您有两种方法在内容区插入图片:直接输入网址和上传插入。

直接输入网址:请先用鼠标在编辑区定位插入位置,然后点击工具栏中的图像图标,会打开一个窗口,直接在URL地址输入框中输入图像的URL地址,并设置宽度和高度,然后点击确定按钮。

上传插入:如果您想使用本站的有偿图片保存服务,才可使用此方法(因为如果没有购买图片保存服务,此图片会在超过免费保留期后会自动删除,从而造成邮件不显示图片),请在右侧的模板区,点击“图像 Picture”标签,然后点击“浏览”按钮,选中上传图片后点击上传按钮,然后用鼠标在编辑区定位插入位置,再点击“插入”按钮,就会将此图片插入到编辑区光标处。

温馨提示1:建议将图片上传到自己的网站或其他网站(比如免费的贴图库等等)而不是本站点,因为上传到此处的图片只会免费保留10天,过期会自动删除(购买了“自设计邮件的图片保存服务”的除外),从而造成邮件不显示图片 。也就是说,就是请尽量使用“直接输入网址”的图片插入方法,而不要使用“上传插入”的方法。

温馨提示2:如果您上传了图片,您必须点击“继续保存 Continue and Save”按钮,否则,图片不会被保存。具体操作步骤请参阅下面的“临时保存 Tmp Save”部分。

 

2.5 插入新区块元素

 

方法一:复制所选模板中的某个区块

首先,将鼠标移动到编辑区的某个区块上(假如您已经插入了模板的话),区块上方会自动显示四个图标,它们依次是“手柄”、“X”、“士”、“干”四个图标,图标的功能依次是选择区块、删除、复制此区块并在上方添加(“士”的 + 部分下方的 一 表示区块本身)、复制此区块并在下方添加(“干”的 + 部分下方的 一 表示区块本身)。

然后点击“士”或“干”图标来复制并添加区块,完成插入新区块的操作。

如果想移动此区块,请点击手柄选中它,然后在右侧的模板区上点击上下箭头(即移动按钮),即可移动所选中的区块。

 

方法二:插入“元素 Element”标签下的某个区块

在编辑区选中某个区块的手柄(元素会插入到选中区块的下部),然后在右侧的模板区,点击“元素 Element”标签,然后点击元素宽度类型,比如600,就会列出可用的区块元素,点击某个区块元素的缩略图,就会将此区块元素插入到区块下方或编辑区光标处。

温馨提示:元素的宽度必须与模板的宽度一致,否则定制的成品可能会出现错位等问题。请选择合适的区块,否则请删除它,以避免邮件出现问题。

Click on the “元素 Element”tag, then Click the width to lauch the element list. Click on the handler you chose in the edit area, Click on the element thumbnail-images below to insert it into the edit area.

 

2.6 移动区块元素

首先,将鼠标移动到编辑区的某个区块上(假如您已经插入了模板的话),区块上方会自动显示四个图标,它们依次是“手柄”、“X”、“士”、“干”四个图标。

然后,点击手柄选中它。

最后,在右侧的模板区上点击上 箭头(即移动按钮),即可移动所选中的区块。

 

2.7 删除区块元素

 

方法一:在编辑区内点击“X”图标按钮来删除区块

首先,将鼠标移动到编辑区的某个区块上(假如您已经插入了模板的话),区块上方会自动显示四个图标,它们依次是“手柄”、“X”、“士”、“干”四个图标,它们的功能依次是选择区块、删除、复制此区块并在上方添加(“士”的 + 部分下方的 一 表示区块本身)、复制此区块并在下方添加(“干”的 + 部分 上方的 一 表示区块本身)。

然后点击“X”图标按钮,即可将此区块删除。

方法二:使用右侧的模板区的删除按钮来删除区块

首先,将鼠标移动到编辑区的某个区块上(假如您已经插入了模板的话),区块上方会自动显示四个图标,它们依次是“手柄”、“X”、“士”、“干”四个图标。

然后,点击手柄选中它。

最后,在右侧的模板区上点击“删除”按钮,即可将此区块删除。

 

温馨提示:编辑区的所有操作均可恢复,如果想撤消某项操作,请点击编辑区上方工具栏中的“撤消”按钮即可。

 

 

3. 模板区工具栏说明

在模板区有几个常用的工具栏,它们分别是:删除 Delete、清空内容 Empty、↑↓(上下移动)、隐藏手柄 Hide、显示标题 Show title、生成代码 Coding等等,它们是定制必需使用的工具,熟练掌握会加快定制速度。

3.1 删除区块 Delete block 或者 删除模板 Delete template

请先用鼠标在编辑区点击区块手柄或模板手柄(即选中它),然后点击右侧模板区的“删除 Delete”按钮,就可以将选中的区块元素或模板删除。

温馨提示1:删除的内容可以恢复,请点击编辑区上方工具栏中的“撤消”按钮即可。

温馨提示2:“Tempalte”区和“Element”区的“删除 Delete”按钮功能一样,只所以有两个,只是为了方便而已。

温馨提示3:新版网站的删除区块更简单,只需要将鼠标放到区块上,就会显示删除按钮,点击就可删除。

3.2 清空内容 Empty Data

点击模板区的“清空内容 Empty”按钮,就可以将编辑区的内容清空,当然此操作也可恢复。

3.3 上下移动 ↑↓

首先,选中区块。

然后,点击左侧栏的 箭头就可以移动所选定的区块了。

3.4 隐藏手柄 Hide handles

点击模板区的“隐藏手柄 Hide”按钮,就可以将编辑区的手柄隐藏,以方便查看定制效果。如果继续编辑,请点击“显示手柄 Show”按钮即可。

温馨提示:这个操作只适合旧版本网站,新版本网站无需此操作,因为新版本的手柄本来就不显示,无需隐藏,只有鼠标悬停时才会显示(离开会自动隐藏)。

3.5 显示标题 Show title

如果您想个性化设置临时保存或自己模板的标题,请点击右侧模板区的“图像 Picture”标签上的“显示标题 Show title”按钮,然后在编辑区上方的标题输入框中输入自己的个性化标题,这样在临时保存内容时就会使用自己所输入的标题(而不是默认的“用户名+日期”了。另注:未进行临时保存的话,此个性化标题不会被保存)。

如果点击“隐藏标题 Hide title”按钮,则可隐藏标题。

温馨提示:此功能仅适用于想添加自己专属模板的用户或想临时保存内容的用户,如果没有此目的,请忽略之。

3.6 临时保存 Tmp Save

如果您想临时保存编辑进度或者保存上传图片(参阅温馨提示2),请点击“文件”标签的“临时保存 Tmp Save”,然后再次点击“继续保存 Continue and Save”按钮,进行保存。

温馨提示1:只有点击“继续保存 Continue and Save”按钮后才能真正保存进度或保存上传的图片噢!也就是说,只点击一次“文件”标签上的“临时保存 Tmp Save”按钮,并不能真正地保存内容。

温馨提示2:上面所说的“保存上传图片”,只是指将图片上传到“肯为旎DIY”网站上时,才需要临时保存图片,如果您将图片上传到其他网站上了,则无须进行临时保存的操作了(当然,如果您的目的是临时保存进度,还是需要此操作的)。

温馨提示3:每次编辑图片只能保存一次噢,保存后就不能再进行图片保存操作了(但进度无限制,另外,下次重新编辑时,即打开新编辑窗口时还是能进行图片保存的),所以建议保存前一定要一行性上传本邮件所有图片,以避免无法进行保存的现象发生。

3.7 使用进度 USE SAVED

方法一、使用进度

请点击“文件”标签下的“使用进度 Load Saved”按钮,会出现进度列表。在列表中选择某一个进度,并次点击其缩略图,就会载入这个保存的进度,就可以接续这个进度,继续进行邮件的制作。

方法二、“MY”类型

请点击右上角的“显示 Tempalte”标签(即模板标签),下面有有一个“My”的模板类型选项,点击它就可以列出曾经保存的进度了(或自己的模板),点击某一个进度(或模板)就可以接着编辑或设计了。

3.8 生成代码 Generate code

 

请参阅下面的“生成代码 Generate code”部分。

 

 


4. 生成代码 Generate code

点击模板区的“生成代码 Coding”按钮,就会生成您所定制产品的代码,并且会在页面上方出现相应的操作按钮,它们分别是:复制到剪贴板 Clipboard 、临时保存 Tmp Save、重新编辑 Edit Again、我要分享 Share等等。

4.1 复制到剪贴板 Clipboard

点击“复制到剪贴板 Clipboard”按钮,就会将代码复制到粘贴板,请将代码粘贴到自己的记事本中,并自行保存为文本文件。当然,您也可手动选中左侧的代码(即不点击“复制到剪贴板 Clipboard”按钮),然后复制、粘贴、自行保存为文本文件。

4.2 临时保存 Tmp Save

如果您想临时保存编辑进度或临时保存上传的图片(仅仅指上传图片到“肯为旎DIY”网站),您必须依次点击“临时保存 Tmp Save”>>“继续保存 Continue and Save”按钮来保存上传的图像,两个按钮都要点击噢,否则,内容或图片将不会被保存。

4.3 重新编辑 Edit again

点击“重新编辑 Edit Again”,会回到编辑区,以方便您对不满意的地方进行修改,修改完成后,请重新点击模板区的“生成代码 Coding”按钮,重新生成您所定制产品的代码。

4.3 我要分享 Share

点击“我要分享 Share”,会在上方打开一个链接区域,那里有很多中外驰名的网站链接,点击可进入相应的网站,以方便您将定制的产品代码发布出去,从而起到广告作用。

 

温馨提示:

请不要随意点击“生成代码 Coding”按钮或随意地插入模板或元素,因为定制操作有时间和次数的限制,具体次数和时间请参阅 优惠与次数

如果您已经在编辑区内插入内容或点击“生成代码 Coding”按钮,系统将会开始计时和计数(不插入或不点击就不会计时和计数),请在规定内完成定制,过期后将不能进行定制操作,谢谢您的理解和支持。

当然,生成的产品(邮件)代码无任何使用时间和次数的限制,比如,您可以任意地发送邮件代码,而不用担心这个代码会过期或和有次数限制。

 

 

 

相关技巧:

如何预览所定制的邮件(邮件代码)?

将您所保存的邮件代码文件另外保存为HTML格式的文件(比如将原文件email.txt修改为email.html),就可以用浏览器打开、查看和预览了,这和您在邮箱中看到的邮件一模一样。

另外,如果您用浏览器打开时有乱码,可以在邮件代码的第一行添加如下代码就可以了(独占一行):

<meta charset="utf-8">