專注於企業網站架設,分享WordPress教學和Elementor教學
架設網站,就和我一起用Cloudways超快獨享主機,免費試用3天,註冊輸入優惠碼:LOYSEO,可享2個月7折,成為正式用戶,可聯繫我領取禮品哦

如何實現下載文件前必須提交郵箱

更新日期:2021-08-18

掃碼加入 讀者學習群

我自用的 架設網站資源

當你點擊本站的鏈接購買主機、主題、外掛,我會得到一些佣金用於運營網站,但不會影響你的購買價格,我只推薦自己在用的,感謝有你的支持~比心( •̀ ω •́ )y

Cloudways

不用充值便可免費試用3天的Cloudways超快獨享主機,獨家優惠碼:LOYSEO,前2個月可優惠30%
了解詳情→

elementor logo gradient 01 1
Elementor

最熱門的網頁可視化設計編輯器,我的網站就是用它建的
了解詳情→

Namesilo

註冊網域,購買時使用優惠券loyseo可減1美元
前往註冊→

Share on facebook
Share on twitter
Share on linkedin

我在企業網站架設服務時,有些客戶希望download頁面的產品目錄、測試報告等文件的下載需要用戶先提交郵箱,然後以郵件的形式發送文件的下載地址到用戶提交的郵箱裡,本文就來介紹如何在WordPress中實現這個功能,且不需要購買付費外掛。

實際效果演示

首先,我們看一下該功能的實際效果,如下圖所示,這是一個download頁面,內含3個文件,當用戶點擊文件下的Free download按鈕時,頁面內會展開一個郵箱輸入框,告知用戶輸入郵箱,以便我們將文件下載鏈接發送到郵箱中。

image 19

然後,用戶將能收到含有下載鏈接的郵件。

image 20

操作教學

1.在WordPress網站後台安裝並激活外掛:Download After Email,如果不會安裝外掛,就請查看安裝外掛教學

2.然後你將在wordpress後台左側看到download菜單,如下圖所示,先進入options進行配置並保存。

image 21

3.接下來進入message頁面進行配置,主要需要配置的是下圖所示部分:發件郵箱、發件人、郵件標題、通知郵箱、郵件模板。此外,你還需要確保你的網站已經能正常發送郵件,建議安裝POST SMTP來進行郵件發送配置與跟踪郵件發送記錄

image 22

上文中的郵件模板部分,你能看到:{download_link} {download_url} {download_file} {email},這些表示變量,表示自動調取用戶提交郵箱時對應的文件信息,而每個括弧及其內部的英文就是一個變量,{download_link}表示文件下載的文字鏈接(這是我們最常用的,默認郵件模板裡也是這個內容)、{download_url}表示文件下載地址。 ——如果看不懂這部分,也沒關係,你別改括弧及其內部的英文就可以了。

而郵件模板裡非變量部分的文案,你都可以自行更改。

4.配置完message後,我們去添加一個download文件,在左側菜單裡點擊downloads下方的add new;或者在all downloads頁麵點擊add new即可進入添加文件頁面,下圖是all downloads頁面,這裡存放了所有文件,你能看到我已經成功添加了一個文件了,我們最終要獲取的是文件的shortcode(下圖中已圈出),將shortcode放到download頁面中即可實現本文篇首展示的效果。

image 23

添加文件時,主要需要填寫是下面4個內容。

image 24

其餘內容基本就是設計樣式上的調整,由上到下可以逐一設置圖片、文字(大小、顏色)、按鈕(文字顏色與大小、背景顏色、懸停時的效果),你需要根據你的主題樣式進行調整,下面截圖配字對常用的做了一些註釋。

image 27
image 26
image 29
image 28

如果你有很多文件,我想你肯定不想每個文件都設置一遍樣式,你可以在新添加文件時,在頁面右側找到下圖所示的duplicate功能,將已經做好樣式的文件的ID填入,提交保存即可獲取對應樣式。如何獲取文件ID呢? ——在文件列表中的shortcode欄即可獲取文件的ID,又或者編輯文件時在右側欄目中找到shortcode獲取ID(如下圖)。

image 31

5.接下來我們將文件的shortcode添加到頁面中,我是使用的Elementor編輯器設計頁面的,其他編輯器的處理方法也是類似的。

請用Elementor編輯你的頁面,在元素庫中找到shortcode,拖拽到頁面畫布中

image 33

然後將文件的shortcode填入元素內容中即可

image 34

保存頁面後,我們預覽一下就能看到如下圖所示效果了。

image 35

推薦閱讀:

企業網站架設:全流程完整指南(2021)

點贊
0 / 5 0

Your page rank:

企業網站架設學習交流群
超快獨享主機
Cloudways
免費試用3天,無需充值
費用月結| 不用一次性付整年
*註冊優惠碼Promo code:LOYSEO
*用Gmail郵箱,註冊易通過