专注于外贸建站,分享WordPress教程和Elementor教程

如何在WordPress网站中实现下载文件前必须提交邮箱

更新日期:2024-02-19
同系列教程
加入读者学习群
我用的页面编辑器
让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值>$49
主机送Astra Pro不限站点1年
gmail.comsina.com邮箱,注册易通过
遇到问题,联系我
来开通 SEO工具20+

我在外贸建站服务时,有些客户希望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:

外贸建站技术姐Bonnie
外贸建站技术姐Bonnie

Bonnie是LOYSEO的创始人,在建站领域有着超过14年的经验,热爱能将想法变为现实的WordPress,更是Elementor的忠实用户~

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值>$49
主机送Astra Pro不限站点1年
gmail.comsina.com邮箱,注册易通过
遇到问题,联系我
来开通 SEO工具20+