DIY和其他教程：教程：创建联系人表单页面

[NewsPaper]

我们的主题增加了一种新的可能性。网站上允许用户与网站所有者沟通的页面。联系表单为用户提供了一种即时、便捷的方式，可以询问或解决具有更多详细信息和更多可定制字段的问题。这些字段可以使用ACF（高级自定义字段）插件轻松创建。在本指南中阅读有关如何创建现场组的更多信息：https://forum.tagdiv.com/custom-fields-support/

此表单的功能嵌入到TagDiv Composer中的一些自定义表单短代码中：

• Posts Form Title：自定义电子邮件正文中的标题（h2）。
• Form Input：在表单的输入中添加、自定义和输入ACF字段的值。
• Posts Form Taxonomies：在表单中添加、自定义和选择分类法。
• Posts Form Location Finder：使用位置查找器在表单中添加更多信息，您可以在其中指定完整地址。
• Posts Form Submit：它包含一个具有多种功能的提交按钮。

如何设置表单联系人页面

第一步：创建自定义字段。

第二步：将名为“Posts Form Title”的元素/短代码添加到您的页面中。

表单中的第一个标签应该是标题字段，这样您的用户就可以在发送给您（网站所有者）的电子邮件正文中编写自定义标题。

Posts Form Title元素

Posts-Form-Title-Element (1).png (141.14 KiB) 查看 2395 次

第三步：将名为“Posts Form Taxonomics”的元素/短代码添加到您的页面中（可选）。

在您的联系人表单中，此字段可以是必需的或可选的。如果您想显示自定义分类的列表，并希望用户在电子邮件中更具体地从中选择，则此元素/短代码非常有用。

Form File Upload元素

Posts-Form-Taxonomies-Element (1).png (83.76 KiB) 查看 2395 次

第四步：将名为“Posts Form Location Finder”的元素/短代码添加到您的页面（可选）。

如果你想显示地图和一些关于地址的有用字段来指出正确的位置，这个元素/短代码很有用。在表格中，用户可以搜索街道名称和/或号码。找到正确的地址后，帮助字段将自动完成。

Posts Form Location Finder元素

Posts-Form-Location-Finder-Element (1).png (207.63 KiB) 查看 2388 次

第五步：将名为“Form Input”的元素/短代码添加到您的页面中。您可以添加自定义字段并对表单进行个性化设置。如果要添加2个自定义字段，则需要添加两次元素。创建的自定义字段将显示在下拉ACF字段中。

上述定制的结果可以在这里看到：

Form Input元素

Form-Input-Element (1).png (83.91 KiB) 查看 2388 次

第六步：将最后一个重要的元素/短码“Posts Form Submit”添加到您的页面中。

Posts Form Submit (Email)元素

Posts-Form-Submit-Email.png (18.18 KiB) 查看 2388 次

对于联系页面表单，我们需要启用元素/短代码的电子邮件部分。默认情况下，这些是设置，电子邮件将发送给站点管理员和发送电子邮件的登录用户。

您可以在“Send to email”字段中再添加一个电子邮件地址，方法是在那里写电子邮件。

如果您有一个包含电子邮件地址的自定义字段，并且可以在该字段中写入您创建的自定义字段的名称，则“Send to custom field email”非常有用。因此，电子邮件也将从您的自定义字段发送到电子邮件地址。

填写电子邮件主题，该主题将首先出现在您的电子邮件中。

Posts Form Submit元素

Posts-Form-Submit-Element.png (60.05 KiB) 查看 2387 次