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

外贸建站如何实现下载文件前必须提交邮箱

更新日期:2021-01-22

我在外贸建站服务时,有些客户希望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 - 外贸建站如何实现下载文件前必须提交邮箱
点赞
0 / 5 0

Your page rank:

教程

分享知识是一种美德,当我们每一个人都在不断的分享知识给这个社会的时候,我们这个社会将会变得越来越好,所以如果您喜欢这篇文章的内容,希望您可以把它分享到您的朋友圈当中,或者给到您指定的某一个人,您关心谁,就把知识分享给他,谢谢。

发表评论

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

我自用的

当你点击本站的链接购买它们,我会得到一些佣金,谢谢你们对我这位自由职业娃妈的支持,比心( •̀ ω •́ )y

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

siteground logo
SiteGround

购买外贸建站主机,它是80%读者的选择
了解详情→

Astra

易用又轻快的WordPress主题,含超多免费模板
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Hi~当你点击本站中的主机、主题、插件的链接前往购买后,我将获取一些佣金,这是我撰写建站教程的主要收入~希望也能得到你的支持,比心( •̀ ω •́ )y

Copyright © LOYSEO.COM — 专注提供外贸网站建设 · 外贸建站 · 外贸网站制作 与 外贸建站教程

Do NOT follow this link or you will be banned from the site!
微信扫一扫
我朋友的锂电池外贸网站可与相关应用(如电摩轻骑、电动自行车、电动车等)、上下游、同行进行自然外链交换,有意向请联系我~