您想了解如何在 Elementor 中创建文件上传表单吗?

您可能知道,Elementor 的专业版附带了一个表单小部件,您可以使用它来创建 形式 在您的 WordPress 网站上。 使用此小部件,您几乎可以创建任何类型的 形式. 这个小部件提供了大约 19 种字段类型,包括一个用于 上传 联合国。

在本文中,我们将向您展示如何创建一个包含文件上传字段的表单。

但在开始之前,请确保您已将 Elementor 版本升级到 Pro 版本,因为再次重申,Form 小部件仅在 Elementor Pro 上可用。

阅读我们的指南: 如何在WordPress上安装Elementor

首先,创建一个新页面或使用 Elementor 发布和编辑它。

在开始创建页面以添加表单之前,首先设置布局。 为此,请单击左侧面板左下角的齿轮图标。 从下拉菜单中设置您的首选布局 布局.

通过单击 Elementor 编辑框中的加号图标添加新部分。 您可以根据要创建的设计概念选择任何结构。 我们在本例中选择单列结构。

通过将 Form 小部件从左侧面板拖动到画布区域来添加它。

如何在 Elementor 中创建表单

默认情况下,您有一个由三个字段组成的表单:姓名、电子邮件和消息。 通过单击字段上的 x 图标删除不需要的字段。

在本文中,我们将创建一个由 4 个字段组成的表单:名称、电子邮件、消息和文件上传。 由于表单默认只有 3 个字段,因此您需要为 File Upload 字段添加一个新表单。

另请参阅: 如何将 reCAPTCHA 添加到您的 Elementor 表单

点击按钮 添加项目 添加一个新字段。 定义字段类型 关于上传文件. 如果要将其定义为必填字段,请激活该选项 需要。 从下拉菜单中将最大文件大小设置为 最大文件大小.

要定义允许的文件类型,请输入文件扩展名 允许的文件类型. 您可以通过用逗号分隔文件扩展名来接受多种文件类型。 如果您想允许访问者提交多个文件,请激活该选项 多个文件 并设置他们可以下载的最大文件数。

如果要更改字段的顺序,只需向上或向下拖动每个字段即可。 在此示例中,我们将文件上传字段放置在消​​息字段上方。

如何在 Elementor 中创建文件上传表单

动作的定义

如果您可以将 Elementor 表单与 表单后端服务 例如 获取表单 ou 形式携带。 不幸的是,Elementor 不支持与任何表单后端服务的集成。

了解如何: 如何添加分隔线以在 Elementor 中创建部分

因此,在本文中,我们将定义对电子邮件的操作。 这意味着通过您的表单提交的提交将通过指定的电子邮件发送。

默认情况下,表单操作设置为电子邮件。 您可以从选项中确保 提交后的操作。

然后打开选项 邮箱 并设置表单提交将发送到的电子邮件地址。 还要定义电子邮件的主题。

如何在 Elementor 中创建文件上传表单

总是在选项下 电子邮件, 将电子邮件正文设置为选项 信息。

要自定义电子邮件的正文,您可以粘贴要添加到正文的字段的短代码。 您可以在选项卡中找到它们 高级 每个领域的。

您还可以在 部分自定义电子邮件的正文元数据 元数据. 删除您不想包含的任何元数据。

如何在 Elementor 中创建文件上传表单

元数据本身将显示在电子邮件正文下方。

在田野里 从电子邮件, 从名称和回复到,您可以将它们留空。

自定义表单

到目前为止,您的表单已准备好发布。 在发布之前,您可以自定义表单以使其更具吸引力。 默认情况下,表单上的每个字段都包含一个标签。 如果你想关闭它,你可以从 表单字段选项 下 内容选项卡。

要创建更高级的样式选项,您可以访问选项卡 样式。 以下是您可以设置的一些样式选项。

  • 定义线条之间的空间和标签的排版

要定义行(字段)之间的空间以及标签的排版,您可以打开选项 形成。

设置节上的行距 行间隙。 要定义标签的排版(字体大小、字体样式和字体系列),您可以单击 活版印刷 在节 标签。

  • 定义字段排版、背景颜色、边框颜色、边框宽度和边框半径

你可以打开选项 领域 定义控件的排版、控件的背景颜色、边框颜色、边框宽度和边框半径。

如何在 Elementor 中创建文件上传表单
  • 自定义按钮

要自定义按钮,您可以打开选项 钮扣. 从那里你可以设置背景颜色、文本颜色、排版、边框颜色、边框半径等......切换到选项卡 HOVER 自定义按钮指向。

您可以设置其他几个自定义选项。 您可以使用左侧面板,直到您对表单的外观感到满意为止。 完成后,您可以单击按钮 PUBLISH 发布您的表单。

潜在错误

当您测试表单时,可能会出现错误消息。 下面是一个错误示例。

如何在 Elementor 中创建文件上传表单

如果您在使用服务时通常会出现上述错误主机 分享。 大多数提供商主机 共享禁用功能 php 发送邮件, 由 WordPress 功能使用 可湿性粉剂邮件 发送电子邮件。

立即获取Elementor Pro!

结论

这里 ! 这篇文章就是这样,它向您展示了如何在 Elementor 中创建文件上传表单. 如果您对如何到达那里有任何疑问 f让我们知道 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...