媒体入驻
如何创建向您发送电子邮件的 HTML 表单
hubspot
2024-11-14 10:43:01 9978

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

该过程不太人性化。 当浏览器发送表单时,您无法控制数据的格式。 当用户提交表单时,会弹出一条警告消息,让他们知道他们要发送的信息不会出于隐私原因进行加密。

相反,您需要寻找从表单发送电子邮件的替代方法,我们将在下面讨论。

如何制作发送电子邮件的 HTML 表单

有多种选项可用于创建 HTML 表单,该表单会在提交新条目时向您发送电子邮件。您选择的选项取决于您的工作方式以及您使用的平台。

这就是说,如果计划混合使用 HTML 和不同的脚本,情况会有所不同。

选择最适合您团队技能的选项:

方法 1:使用 HTML 创建电子邮件发送表单(不推荐)。

仅使用 HTML?如果您刚刚开始,我们的团队随时为您提供帮助。 这将通过电子邮件通知您。

该表单要求我提供联系人的姓名和消息。它还包括一个提交按钮(在 CodePen 中不可见),用户单击该按钮即可提交其信息。

请注意,此代码是基本的。它看起来不会超级时髦。为了获得与我的品牌相匹配的更具视觉吸引力的形式,我必须添加特定于我的需求的代码行。

请记住:虽然您可以只使用基本的 HTML,但这并不是理想的选择。此表单不会直接发送到电子邮件地址,而是打开电子邮件客户端或工具窗口来提交表单。这可能会让用户根本不敢提交表单。

专业提示:当您通过 HTML Web 表单发送电子邮件时,您可能会看到客户的消息。遗憾的是,由于这种安全漏洞,您的访问者面临网络钓鱼的风险。

那么,HTML 代码允许什么您将表单提交直接发送到电子邮件地址吗?

要使表单与您的电子邮件服务器兼容并将其发送到邮箱,PHP 就是答案。现在让我们探讨一下这个选项。

方法 2:使用 PHP 创建电子邮件发送表单(高级)。

要创建发送电子邮件的表单,PHP 将是您最好的朋友。 PHP 代表超文本预处理器,这种语言与 HTML 协作来处理表单。

在开始该过程之前,让我们先分解一些表单基础知识。

PHP 表单:您需要了解的内容

Web 表单有两个方面:访问者在浏览器中看到的前端和在服务器上运行的后端脚本。

访问者的网络浏览器使用 HTML 代码来显示表单。提交表单后,浏览器使用表单标签的“action”属性中提到的链接将信息发送到后端,将表单数据发送到该 URL。

例如:表单 action=https://yourwebsite.com/myform-processor.php 。

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

您还可以在后端编程中使用其他脚本语言,例如用于 Windows 的 Ruby、Perl 或 ASP。然而,PHP 是最流行的,几乎所有网络托管服务提供商都使用它。

如果您从头开始创建表单,可以执行以下步骤。我将在下面解决它们。

步骤1:使用PHP创建页面。

对于此步骤,我需要访问我的托管平台上网站的 cPanel。

创建网页时,我没有使用“.html”扩展名,而是输入“.php”。这类似于我将图像保存为“jpg”而不是“png”时发生的情况。

通过这样做,服务器将知道托管我编写的 PHP。而不是保存空 HTML 页面,我将其保存为“subscriberform.php”。创建并保存页面后,我可以创建表单。

步骤2:使用代码制作表单。

在此步骤中,我编写代码来创建表单。

如果您不确定如何在 HTML 中创建表单,请查看资源以了解基础知识。

以下代码是基本表单所需的代码:

<前>

表单方法=“post” 操作=“subscriberform.php”

文本区域名称=“消息” /textarea

输入类型=“提交”

/表格

前>

因为这与纯 HTML 编写类似,所以这些行还将创建表单的名称和一个区域,供订阅者输入自定义消息并将其发送给我。

一个重要的区别是action=“subscriberform.php”部分。这部分代码将使页面在提交时发送表单。

第 3 步:使表单发送电子邮件。

创建表单并根据我的设计偏好添加所有适当的固定件后es,是时候创建电子邮件部分了。

为此,我将滚动到页面的开头(最开始,甚至在定义 HTML 文档类型之前)。为了能够在电子邮件中发送数据,我必须添加处理数据的代码。我复制了这段代码:

<前>

?php

if($_POST[“消息”]) {

mail(“your@email.address”,“这是主题行”,

$_POST[“在此插入您的消息”]。 “发件人:an@email.address”);

}

前>

第一行和最后一行中的所有内容都会告诉网页使这些函数以 PHP 方式执行。此代码还检查订阅者是否使用该表单。从那里,它检查表单是否已发送。

进一步细分,“邮件”将填好的表格作为电子邮件发送到“your@email.address”,主题行如下。在下一行中,我可以在引号内写入电子邮件消息的副本,并从您选择的电子邮件地址发送。

提交表单后,页面会将数据发送给自身。如果数据已成功发送,页面会将其作为电子邮件发送。然后浏览器加载页面的 HTML - 包括表单。

这样,我就有了创建表单所需的基本代码。

请注意,这只是实现此目的的一种方法。或者,您也可以使用构建器创建表单,然后将其嵌入到您的网站中。

您需要了解的是:从头开始制作 PHP 表单对初学者来说并不友好。如果您想使用 PHP,我建议您考虑使用不依赖语言的后端平台。否则,管理电子邮件发送表单可能会很困难。

来源:hubspot

关键词: 海外营销
分享到:
发表评论 文明上网理性发言,请遵守国家相关法律
评论列表
加载更多