Contact Form 7教程:如何添加附件上传功能

Contact Form 7教程

步骤一:安装插件

contact form 7插件安装

步骤二:设置

启动插件并点击设置进入 contact form 7 设置面板。

Contact Form 7教程:如何添加附件上传功能 – 进入contact form 7 设置

编辑或创建新表单。

Contact Form 7教程:如何添加附件上传功能 – 编辑或者创建contact from 7表单

创建好或者进入编辑后选择文件选项卡,在这里你可以选择上传附件按钮添加在前面还是最后面。

Contact Form 7教程:如何添加附件上传功能 – 选择contact form 文件选项卡

设置好字段,上传格式(PDF、JPG、PNG),大小限制(2MB),其他不用动保持默认并插入标签即可。

Contact Form 7教程:如何添加附件上传功能 – 修改contact form 7 字段

步骤三:应用到页面上

复制简码。

Contact Form 7教程:如何添加附件上传功能 – 保存并复制contact form 7简码

在elementor编辑器创建新容器,添加简码小部件,粘贴简码。

Contact Form 7教程:如何添加附件上传功能 – 在页面用elementor添加新容器
Contact Form 7教程:如何添加附件上传功能 – 粘贴contact form 7 简码
Contact Form 7教程:如何添加附件上传功能 – contact form 7 上传附件功能添加成功

如果没有安装Elementor编辑器的可以用最原始的编辑器,直接点击页面编辑就可以,在页面里面同样添加简码小部件并粘贴。

Contact Form 7教程:如何添加附件上传功能 – 或用原始编辑器添加简码小部件
Contact Form 7教程:如何添加附件上传功能 – 粘贴并到前台查看

最后给自己发一封邮件测试一下,如果不成功用post smtp认证一下邮箱就可以了。

WpForms使用教程

本文对你有帮助吗?

发表评论

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

滚动至顶部