專注於架設企業網站,分享WordPress教學和Elementor教學

如何在WordPress網站中實現下載文件前必須提交郵箱

更新日期:2024-02-19
本系列教學
加入讀者學習群
我用的頁面編輯器
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我

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

實際效果演示

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

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

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

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

操作教程

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

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

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

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

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

上文中的郵件範本部分,你能看到:{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頁面中即可實現本文篇首展示的效果。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

推薦閱讀:

外貿架設網站:全流程完整指南(2021)

点赞

0 / 5 0

Your page rank:

Picture of 外貿建站技術姐Bonnie
外貿建站技術姐Bonnie

Bonnie是LOYSEO的創始人,在建站領域有著超過14年的經驗,熱愛能將想法變為現實的WordPress,更是Elementor的忠實使用者~

LOYSEO
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我