天講講如何用word Press 和 mailchimp 創建萊斯下面的這樣的 landing page ：

我認為大多數賣家有自己的獨立站或者 Shopify 做了獨立站，有時候我們需要通過折扣【大額度】折扣來收取潛在消費者的郵件信息 ，你想要得到別人的信息 ，你肯定用一個人家感興趣的或者覺得值得對等交換的東西作為誘餌去獲取該信息。

如果你真的有wordPress 獨立站，你可以用以下方式去制作簡單的某個產品的landing page。

第一登陸你的賬號 ，打開 dashboard 點擊新建頁面

我建議你們用 Elementor 插件 ，編輯頁面非常方便，如下圖所示 ，可在安裝插件區域搜索 Elementor 然后免費安裝

第二步：假如說我們是賣這個中coffe mug 我們打算做一個 70%的giveaway，如下圖所示

我們在標題里面 輸入coffee mug 70% OFF code 填寫進去 ，同時我們不想讓進去這個page 的人看到我們網站的其他信息 ，不要讓他瀏覽其他頁面，如果你這個wordpress 做的獨立站和你的這個產品不相關的情況下 你可以選擇1，2 圖里的紅框 ，并且隱藏header 和footer信息 ：如下圖

第三步：繼續點擊 【使用Elemntor 編輯】 繼續前往，進入這個頁面，相當于空白的一個頁面

第四步：你在這個里面就可以 拽進來 ，調整大小字體的形式，可以自由發揮了 ，非常簡單 ，我們現在第一步需要Title ，image 以及 Text 內容拽進來，一個個設置就好了，看下面圖 ：

至于下面的 subscribe to our email list 這個怎么插入 其實非常簡單，你先到你的 mailchimp 頁面點擊list，如下圖所示

你進入下面一頁 你會看到這幾個選項 ，如下圖所示

繼續點擊去之后你進入這個一個頁面，你復制所有的HTML code 在紅色方框里的code 都復制下來

你把code 復制下來之后 回到wordpress 的剛才的 elemntor 編輯的頁面 ，找到這個圖標 拽進來

然后再進入這里，把剛才從mailchimp 復制出來的code 粘貼在這個里面

最后呈現出這種效果 請看下面的圖

一定記得點擊【更新】，然后最后 這個頁面的鏈接打開的時候怎么設置突然蹦出來的 要求填寫郵件的這種效果呢？

這個需要你在wordpress 的 header或者footer 上面填寫mailchimp 代碼 ，請看下面的圖 ，你找到 wordepress 儀表盤，找到這里之后點擊去：

然后把代碼從mailchimp 拿出來 再填寫到這個位置 ，如下圖所示

最后呈現出來的效果是這樣的 ，你打開鏈接：http://bit.ly/2FFDfOv 之后手機上看到的是這樣的 畫面 ，先是這個跳出來的 填寫email的頁面

然后你要是不想輸進去 進入點擊 右上方【X】頁面會顯示下方這個 ，如圖所示

為了得到 這個code 還是照樣給郵件的，我們拿這個郵件干嘛，可以和他們郵件里交流能不能幫我們測評，這個總比在facebook上找人，找出來的人更精準，畢竟這些給你郵件的真的想這個產品。

（來源：跨境電商策）

以上內容屬作者個人觀點，不代表雨果網立場！本文經原作者授權轉載，轉載需經原作者授權同意。

上雨果網搜索“跨境資料庫”,領取歐美/東南亞各國市場商機、各大平臺熱銷品報告、跨境電商營銷白皮書！

作中經常會遇到發郵件的功能，如郵件預警，注冊時發一個郵件確認等，這里給出在Spring Boot中發送郵件的完整集成示例

郵件發送支持的內容類型如下：

1. 發送簡單郵件。
2. 發送html格式的郵件
3. 發送帶附件簡單郵件
4. 發送模板郵件

1. pom.xml

發送模板郵件需要用到spring-boot-starter-thymeleaf，其他其他郵件內容不需要該依賴

<dependency>
 <groupId>org.springframework.boot</groupId>
 <artifactId>spring-boot-starter-mail</artifactId>
</dependency>
<dependency>
 <groupId>org.springframework.boot</groupId>
 <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

2. application.properties

spring.mail.host=smtp.163.com
spring.mail.username=xxx@163.com
# 注意這里的密碼不是郵箱的登錄密碼
spring.mail.password=郵箱客戶端授權碼
spring.mail.properties.mail.smtp.auth=true
spring.mail.properties.mail.smtp.starttls.enable=true
spring.mail.properties.mail.smtp.starttls.required=true

注意：如果密碼不對在發送郵件中會報異常javax.mail.AuthenticationFailedException: 535 Error, 如果設置了也開啟了還是不行再重新設置一下

3. MailUtil

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.mail.MailException;
import org.springframework.mail.SimpleMailMessage;
import org.springframework.mail.javamail.JavaMailSender;
import org.springframework.mail.javamail.MimeMessageHelper;
import org.springframework.stereotype.Component;
import org.thymeleaf.TemplateEngine;
import org.thymeleaf.context.Context;
import javax.mail.MessagingException;
import javax.mail.internet.MimeMessage;
import java.io.File;
@Component
public class MailUtil {
 private final Logger logger=LoggerFactory.getLogger(getClass());
 @Autowired
 JavaMailSender mailSender;
 @Autowired
 TemplateEngine templateEngine;
 /**
 * 發送簡單郵件
 * @param from 發送人
 * @param to 接收人
 * @param carbonCopy 抄送人
 * @param subject 主題
 * @param content 內容
 */
 public void sendSimpleEmail(String from, String[] to, String[] carbonCopy, String subject, String content) {
 long startTimestamp=System.currentTimeMillis();
 logger.info("Start send mail ... ");
 try {
 SimpleMailMessage message=new SimpleMailMessage();
 message.setFrom(from);
 message.setTo(to);
 message.setCc(carbonCopy);
 message.setSubject(subject);
 message.setText(content);
 mailSender.send(message);
 logger.info("Send mail success, cost {} million seconds", System.currentTimeMillis() - startTimestamp);
 } catch (MailException e) {
 logger.error("Send mail failed, error message is : {} \n", e.getMessage());
 }
 }
 /**
 * 發送html郵件
 */
 public void sendHtmlEmail(String deliver, String[] receiver, String[] carbonCopy, String subject, String content, boolean isHtml) {
 long startTimestamp=System.currentTimeMillis();
 logger.info("Start send email ...");
 try {
 MimeMessage message=mailSender.createMimeMessage();
 MimeMessageHelper messageHelper=new MimeMessageHelper(message);
 messageHelper.setFrom(deliver);
 messageHelper.setTo(receiver);
 messageHelper.setCc(carbonCopy);
 messageHelper.setSubject(subject);
 messageHelper.setText(content, isHtml);
 mailSender.send(message);
 logger.info("Send email success, cost {} million seconds", System.currentTimeMillis() - startTimestamp);
 } catch (MessagingException e) {
 logger.error("Send email failed, error message is {} \n", e.getMessage());
 e.printStackTrace();
 }
 }
 /**
 * 發送帶附件的郵件
 */
 public void sendAttachmentFileEmail(String deliver, String[] receiver, String[] carbonCopy, String subject, String content, boolean isHtml, String fileName, File file) {
 long startTimestamp=System.currentTimeMillis();
 logger.info("Start send mail ...");
 try {
 MimeMessage message=mailSender.createMimeMessage();
 MimeMessageHelper messageHelper=new MimeMessageHelper(message, true);
 messageHelper.setFrom(deliver);
 messageHelper.setTo(receiver);
 messageHelper.setCc(carbonCopy);
 messageHelper.setSubject(subject);
 messageHelper.setText(content, isHtml);
 messageHelper.addAttachment(fileName, file);
 mailSender.send(message);
 logger.info("Send mail success, cost {} million seconds", System.currentTimeMillis() - startTimestamp);
 } catch (MessagingException e) {
 logger.error("Send mail failed, error message is {}\n", e.getMessage());
 e.printStackTrace();
 }
 }
 /**
 * 發送模板郵件
 */
 public void sendTemplateEmail(String deliver, String[] receiver, String[] carbonCopy, String subject, String template, Context context) {
 long startTimestamp=System.currentTimeMillis();
 logger.info("Start send mail ...");
 try {
 MimeMessage message=mailSender.createMimeMessage();
 MimeMessageHelper messageHelper=new MimeMessageHelper(message);
 String content=templateEngine.process(template, context);
 messageHelper.setFrom(deliver);
 messageHelper.setTo(receiver);
 messageHelper.setCc(carbonCopy);
 messageHelper.setSubject(subject);
 messageHelper.setText(content, true);
 mailSender.send(message);
 logger.info("Send mail success, cost {} million seconds", System.currentTimeMillis() - startTimestamp);
 } catch (MessagingException e) {
 logger.error("Send mail failed, error message is {} \n", e.getMessage());
 e.printStackTrace();
 }
 }
}

src/main/resource/templates/mailTemplate.html

<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
[[${content}]] <br/>
[[${content}]] <br/>
[[${content}]] <br/>
</body>
</html>

4. Test

@RunWith(SpringRunner.class)
@SpringBootTest
public class MailApplicationTests {
 @Autowired
 private MailUtil mailUtil;
 @Test
 public void sendSimpleEmail() {
 String deliver="xxx@163.com";
 String[] receiver={"xxx@gmail.com"};
 String[] carbonCopy={"xxx@qq.com"};
 String subject="This is a simple email";
 String content="This is a simple content";
 try {
 mailUtil.sendSimpleEmail(deliver, receiver, carbonCopy, subject, content);
 } catch (Exception e) {
 assertFalse("Send simple email failed", true);
 e.printStackTrace();
 }
 }
 @Test
 public void sendHtmlMail(){
 String deliver="xxx@163.com";
 String[] receiver={"xxx@gmail.com"};
 String[] carbonCopy={"xxx@qq.com"};
 String subject="退信代碼說明";
 String content="<h1>org.springframework.mail.MailSendException: Failed messages: " +
 "com.sun.mail.smtp.SMTPSendFailedException: 554 DT:SPM 163 smtp9,DcCowAAXf2r4c8da2cPWBQ--." +
 "33626S3 1523020853,please see " +
 "http://mail.163.com/help/help_spam_16.htm?ip=43.243.148.212&hostid=smtp9&time=1523020853</h1>";
 boolean isHtml=true;
 mailUtil.sendHtmlEmail(deliver, receiver, carbonCopy, subject, content, isHtml);
 }
 @Test
 public void sendAttachmentFileEmail() {
 String FILE_PATH="/Users/mengday/Desktop/02.png";
 String deliver="xxx@163.com";
 String[] receiver={"xxx@gmail.com"};
 String[] carbonCopy={"xxx@qq.com"};
 String subject="退信代碼說明";
 String content="<h1>org.springframework.mail.MailSendException: Failed messages: " +
 "com.sun.mail.smtp.SMTPSendFailedException: 554 DT:SPM 163 smtp9,DcCowAAXf2r4c8da2cPWBQ--." +
 "33626S3 1523020853,please see " +
 "http://mail.163.com/help/help_spam_16.htm?ip=43.243.148.212&hostid=smtp9&time=1523020853</h1>";
 boolean isHtml=true;
 File file=new File(FILE_PATH);
 String fileName=FILE_PATH.substring(FILE_PATH.lastIndexOf(File.separator));
 try {
 mailUtil.sendAttachmentFileEmail(deliver, receiver, carbonCopy, subject, content, isHtml, fileName, file);
 } catch (Exception e) {
 e.printStackTrace();
 assertFalse("Send attachment file email failed", true);
 }
 }
 @Test
 public void sendTemplateEmail() {
 String deliver="xxx@163.com";
 String[] receiver={"xxx@gmail.com"};
 String[] carbonCopy={"xxx@qq.com"};
 String subject="DT:SPM 發送的郵件內容包含了未被許可的信息，或被系統識別為垃圾郵件。請檢查是否有用戶發送病毒或者垃圾郵件";
 String template="mailTemplate";
 String content="554 DT:SPM 發送的郵件內容包含了未被許可的信息，或被系統識別為垃圾郵件。請檢查是否有用戶發送病毒或者垃圾郵件";
 Context context=new Context();
 context.setVariable("content", content);
 try {
 mailUtil.sendTemplateEmail(deliver, receiver, carbonCopy, subject, template, context);
 } catch (Exception e) {
 e.printStackTrace();
 assertFalse("Send template email failed", true);
 }
 }
}

注意：如果標題和內容過于簡單，或者包含test之類的內容，163會認為這是垃圾郵件，會造成發送失敗，報以下異常，解決辦法就是將發送的表體和內容寫的比較真實點