如何创建发送电子邮件的HTML表单

有时候，改善用户体验会花费很多钱。

而且，一些问题网站访问者很简单，修复。

这引出了问题：如果客户正在享受他们的网站体验，您如何了解如何？

答案可能比你想象的更简单。

在您的网站上具有表格是让客户在访问期间经验的有效方法。这些形式会让您了解如何在长期运行中改进您的网站UX以获得更高的转换。

实际上，74％的营销人员使用表格来产生潜在客户而且，这些营销人员，超过一半表示，它是导致最常见转换的工具。

无论您是想将更多访问者转换为领导，收集销售团队的信息，或创造更多忠诚品牌倡导者，表格仍然是入境策略。

最终，表格对于解决客户经验的不满来说至关重要，这确保了更强大的客户关系。如果您网站上没有表单，则可能会丢失更多的领导，更高的转换和更快乐的长期客户。

在这里，我们将通过如何创建某种类型的形式 - 一个发送给您的电子邮件以及客户，以确保表格收到的某种形式。

如何创建一个表单在HTML和发送到电子邮件

它是可以创建发送电子邮件的HTML表单，但这取决于您如何工作以及在什么平台上工作。也就是说，如果计划混合使用HTML和不同的脚本，情况就有点不同了。

使用基础知识

仅使用HTML ?我们会帮你的。从头开始，这里有一个使用示例代码:

<表单动作= " mailto: contact@yourdomain.com”
方法=“post”
enctype = " multipart /格式”
名称=“EmailForm”>
名称:< br >
<输入类型=“text”size =“19”名称=“contactName”> 
 
消息：
 </em></p><p><em>

 < /form>

此代码将创建一个询问联系人姓名，消息的表单，并包含提交按钮。请注意，此代码是基本的 - 它不会看起来超级剧本。对于更美丽的，您必须添加一些特定于您需求的代码。

使用此代码的另一件事是它不会直接发送到电子邮件地址，但它可以在电子邮件客户端或工具窗口中打开以提交表单。

当你能够使用仅基本的HTML，这不是理想的选项。

HTML中的电子邮件表单的难度

理想情况下，浏览器将允许您直接将表单提交发送到电子邮件地址。然而，他们不这样做的原因是，直接从HTML网页表单发送电子邮件会泄露访问者的电子邮件地址，使用户容易受到恶意活动的攻击，如网络钓鱼。

虽然上面的HTML代码可以激活用户计算机上的默认邮件客户端，但web浏览器通过向电子邮件服务提供商(而不是指定地址)发送请求来激活邮件客户端。

有几个问题mailto:选项。例如，它与所有浏览器兼容，它不是100％，它不是非常用户友好的，并且无法在浏览器发送表单时控制数据的格式化。

除此之外，当用户提交表单时，会弹出一个警告信息，让他们知道他们即将发送的信息不会为隐私而加密。这可能会吓退用户提交表单。

那么，HTML代码允许您直接向电子邮件地址发送表单提交？

为了使表单可以使用您的电子邮件服务器并将其发送到邮箱，PHP是答案 - 让我们探索该选项。

填写完整表格

要创建订阅者可以与您联系的表单，PHP脚本将是您最好的朋友。我知道,其他首字母缩略词。这一个代表超文本预处理器，此语言与HTML协作以处理表单。

在进入过程之前，让我们分解一些表格基础知识。

WebForm有两面：前端，访问者在浏览器中看到的前端，以及在服务器上运行的后端脚本。

访客的Web浏览器使用HTML代码来显示表单。提交表单时，浏览器使用表单标签的“动作”属性中提到的链接将信息发送到后端，将表单数据发送到该URL。

例如：<表单动作= https://yourwebsite.com/myform-processor.php >。

然后服务器将数据传递给操作URL中指定的脚本 -myform-processor.php在这种情况下。使用这些数据，后端脚本可以创建表单提交数据库，引导用户到另一个页面(例如支付)，并发送电子邮件。

在后台编程中还可以使用其他脚本语言，如Ruby、Perl或用于Windows的ASP。然而，PHP是最流行的，几乎所有的web主机服务提供商都在使用它。

如果您需要制作一个完整的表格，请遵循以下步骤。

1.使用PHP创建页面。

当您创建网页时，而不是使用“.html”扩展名，而是键入“.php”。这类似于将图像保存为“JPG”与“PNG”的情况相似。

通过这样做，服务器会知道托管您写的PHP。而不是保存空的HTML页面，而不是保存空的HTML页面，并将其另存为如下：“subscriberform.php”。创建并保存页面后，您将能够创建表单。

2.使用代码制作表单。

在这一步中，您将编写创建表单的代码。

如果您不确定如何在HTML中创建表单，请查看HTML狗基础知识底漆的资源。

以下代码是基本形式所需的：

< textarea name = "消息" > < / >文本区域
<输入类型=“提交”>

由于这类似于仅限HTML的写入，因此这些行还将为表单和用户键入自定义消息并将其发送给您的名称。

一个重要的区别是"action=contact.php"部分。这部分代码将使页面在提交时发送表单。回想一下，在第一个示例中，这不是一个选项。

3.制作表格发送电子邮件。

在创建表单并根据您的设计偏好添加所有适当的设置之后，就可以创建电子邮件部分了。

为此，您将滚动到页面的开头（非常开始，即使在定义HTML Doctype之前）。要在电子邮件中发送数据，我们必须添加将处理数据的代码。复制此代码或创建类似的东西：

<？PHP.
如果($ _POST["消息"]){
邮件(“your@email.address”，“这是主题行”，
$ _post [“在此处插入您的消息”]。“来自：an@email.address”）;
}
？>

回想一下，第一行和最后一行中的内容将告诉网页让这些函数执行PHP。此代码还检查是否有订阅者使用该表单。从那里，它检查表单是否被发送。

进一步破坏它，“邮件”将已完成的表单作为电子邮件发送到“your@email.address”，并且主题行就是如下。在下一行中，您可以在引号内写电子邮件的副本，从您选择的电子邮件地址发送。

总结一下创建HTML电子邮件表单的过程:

表单提交后，页面将数据发送给自己。如果数据已成功发送，则页面将其作为电子邮件发送。然后浏览器加载页面的HTML——包含表单。

通过，您拥有创建表单所需的基本代码。

注意，这只是一种方法——或者，您也可以使用HubSpot等CRM创建表单。

如果您是一个Hubspot客户，请继续阅读，了解如何使用Hubspot的工具创建发送电子邮件的HTML表单。

使用HubSpot的

HubSpot Forms是营销中心的一部分，不需要任何之前的技术知识。

如果您想了解如何在提交表单后接收电子邮件，请查看我们的知识库文章。

使用Hubspot表单时，您可以构建连接到联系人列表的自定义表单。您还可以根据表单的完成，自定义这些表单并触发自动电子邮件。请注意，后者需要高级升级。点击这里有关Hubspot的形式的更多信息。

HTML表格是一个相当简单的过程，以及与订户连接的绝佳方式。在您的网站上拥有这些产品，为客户提供了一种与公司联系或注册电子邮件的简单方法。raybet电子竞技

发送电子邮件回给你的表单将信息保存在你的收件箱中以供参考和方便。记住，这些并不是构建表单的唯一选项。如果你想要一份帮助构建表单的工具列表，请查看我们的帖子这里。

编者注：这篇文章最初于2019年12月发布，并已更新全面。