一、什么是郵件訂閱組件？

郵件訂閱組件是一個(gè)讓目標(biāo)用戶輸入郵件地址并提交給網(wǎng)站所有者的模塊，此組件可以使收集郵件地址工作變得簡單起來，當(dāng)訪客在網(wǎng)站上輸入電子郵件地址提交后，在網(wǎng)站后臺(tái)郵件訂閱列表中，可以顯示所有訂閱人的郵件信息，還支持批量導(dǎo)出這些郵件信息，方便領(lǐng)動(dòng)用戶繼續(xù)進(jìn)行各種營銷活動(dòng)。

二、如何使用郵件訂閱組件？

1、如何查看郵件訂閱組件是否已經(jīng)存在？

如果你的頁面上已經(jīng)有這個(gè)組件了，就不需要再添加，直接根據(jù)需要進(jìn)行相關(guān)操作就可以（具體操作見下文所述）；

如果你的頁面上需要這個(gè)組件，但是還沒有添加，就需要先添加這個(gè)組件了；怎么判斷頁面上有沒有這個(gè)組件？單擊查看如何查看某一塊內(nèi)容是使用什么組件制作的？

2、如何添加郵件訂閱組件？

在頁面上添加組件的方法都是一樣的，單擊查看如何添加組件？

添加的組件名稱為“郵件訂閱”，如下圖所示：

3、如何設(shè)置郵件訂閱組件？

3.1 進(jìn)入組件的“設(shè)置”分兩種場景

1）此組件已經(jīng)添加好的場景：進(jìn)入所有這類組件設(shè)置項(xiàng)方法都是一樣的，可以參考這個(gè)攻略：如何進(jìn)入組件的設(shè)置項(xiàng)？

2）新添加的組件的場景：在添加此組件時(shí)會(huì)彈出這個(gè)組件的的設(shè)置話框。

3.2 在組件的設(shè)置中可以設(shè)置組件展示的內(nèi)容

設(shè)置組件標(biāo)題：若需要可以輸入組件標(biāo)題，若不輸入，組件標(biāo)題不顯示，也不會(huì)占位；

提示語：輸入提示語，此提示語會(huì)顯示在郵件地址輸入框中，如下圖所示；

選擇成功跳轉(zhuǎn)頁：訪客輸入郵件地址信息后，單擊提交按鈕之后跳轉(zhuǎn)的頁面，可以不跳轉(zhuǎn)就顯示當(dāng)前頁面，也可以設(shè)置跳轉(zhuǎn)到其它頁面；

3.3 在組件的設(shè)置中可以設(shè)置組件展示的風(fēng)格

選擇展示風(fēng)格：支持豐富多樣的展示風(fēng)格供您選擇，并且展示風(fēng)格可以自定義，自定義內(nèi)容見下文所述；

按鈕圖標(biāo)：常用的提交按鈕圖標(biāo)已經(jīng)列出，根據(jù)需要選擇，如下圖所示：

可以自定義展示風(fēng)格，具體可以自定義內(nèi)容如下：

高度：可以理解為輸入框和按鈕的高度，手動(dòng)拖動(dòng)小按鈕可以調(diào)整；

輸入框樣式：支持自定義輸入框背景顏色、文字顏色、邊框顏色、邊框線條樣式、邊框線條寬度、輸入框圓角弧度、輸入框中文字大??；

設(shè)置按鈕樣式：按鈕背景顏色、文字顏色、邊框顏色、邊框線條樣式、邊框線條寬度、按鈕圓角弧度、按鈕文字大小、按鈕文字行高；

3.4 設(shè)置好郵件訂閱組件的內(nèi)容和風(fēng)格后，單擊設(shè)置框右下方“保存”按鈕，以保存所設(shè)置的內(nèi)容。

4、保存、預(yù)覽、發(fā)布

設(shè)置好以上內(nèi)容以后要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網(wǎng)站后臺(tái)；

然后可以單擊“預(yù)覽”按鈕查看不同終端下展示的效果，如果不合適可以到后臺(tái)再做修改；

如果需要讓訪客也看到，請單擊頁面右上角的“發(fā)布”按鈕，發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺(tái)展示效果。

5、在網(wǎng)站后臺(tái)如何查看訂閱人的郵件地址？

進(jìn)入編輯網(wǎng)站后臺(tái)--》內(nèi)容--》表單管理--》郵件訂閱，可以查看、刪除、導(dǎo)出郵件信息。

根據(jù)需要還可以對這個(gè)組件做以下操作，具體請單擊以下鏈接了解。

6、單擊查看如何應(yīng)用組件？

通過組件的“應(yīng)用組件”功能，可以將當(dāng)前頁面的組件應(yīng)用到其他頁面上，因?yàn)樵砩纤鼈兪峭粋€(gè)組件，所以在任何被應(yīng)用到的頁面上編輯/刪除組件時(shí)，被應(yīng)用的頁面會(huì)一起變化，這個(gè)是“應(yīng)用組件”和“復(fù)制組件”最本質(zhì)的區(qū)別。此功能經(jīng)常用于面包屑導(dǎo)航、產(chǎn)品分類組件、文章分類組件等。被應(yīng)用過去的組件會(huì)出現(xiàn)在頁面的最底端，可以用鼠標(biāo)左鍵按住組件名稱拖動(dòng)到需要的位置；

組件的“應(yīng)用組件”功能操作入口：所有組件的“應(yīng)用組件”功能操作入口都是一樣的，具體操作方法請單擊查看如何應(yīng)用組件？

7、單擊查看如何刪除組件？

如果確定不需要這個(gè)組件了，可以通過“刪除組件”按鈕把此組件刪除掉，被刪除的組件會(huì)默認(rèn)放到組件回收站中。

組件的“刪除組件”功能操作入口：所有組件的“刪除組件”功能操作入口都是一樣的，具體操作方法請單擊查看如何刪除組件？

8、單擊查看如何恢復(fù)組件？

如果需要恢復(fù)已經(jīng)刪除的組件，可以到組件回收站中，找到對應(yīng)的組件，然后執(zhí)行【還原】操作，即可恢復(fù)此組件到原有的頁面上，通常會(huì)位于頁面的最底端。

恢復(fù)組件的操作入口：所有組件的恢復(fù)功能操作入口都是一樣的，具體請單擊查看如何恢復(fù)組件？