有时,改善的UX可以花费很多钱。
并且通常,一些问题网站访问者都很简单,修复。
这引出了问题:您如何了解客户是否享受其网站体验?
答案可能比你想象的更简单。
在您的网站上具有表格是在访问期间获得客户反馈的有效方法。这些形式会让您了解如何在长期运行中改进您的网站UX的UX。
实际上,74%的营销人员使用表格来产生潜在客户而且,这些营销人员,超过一半表示,它是导致最常见转换的工具。
无论您是想将更多访问者转换为领导,收集您的销售团队的信息,或创建更多忠诚品牌倡导者,表格仍然是入站策略。
最终,表格对于解决客户经验的不满来说是至关重要的,这确保了更强大的客户关系。如果您网站上没有表格,则可能会丢失更多的领导,更高的转换和更快乐的长期客户。
在这里,我们将通过如何创建某种类型的形式 - 为您发送电子邮件以及客户,以确保表格收到的类型。
如何在HTML中创建表单并将其发送到电子邮件
它是可以创建发送电子邮件的HTML表单,但这取决于您的工作方式以及您正在工作的平台。这就是说,如果计划使用HTML和不同脚本的混合,事情有点不同。
使用基础知识
只使用HTML?我们已经让你覆盖了。从开始新鲜时,这里是一个用于使用的示例代码:
方法=“post”
enctype =“multipart / form-data”
名称=“EmailForm”>
名称:
<输入类型=“text”size =“19”名称=“contactName”>
消息:
textarea>
<输入类型=“提交”值=“提交”> form>
此代码将创建一个询问联系人姓名,消息的表单,并包含提交按钮。请注意,此代码是基本 - 它不会看起来超级剧本。对于一个更美丽的,您必须添加一些特定于您需求的代码。
使用此代码的另一件事是它不会直接发送到电子邮件地址,但它可以在电子邮件客户端或工具窗口中打开以提交表单。
当你能够仅使用基本的HTML,这不是理想的选项。
HTML中的电子邮件表单的难度
理想情况下,浏览器将允许您将表单提交到电子邮件地址。但是,他们没有的原因是直接从HTML Web表单发送电子邮件将显示访问者的电子邮件地址,使用户容易受到恶意活动的影响,例如网络钓鱼。
虽然上面的HTML代码可以在用户计算机上激活默认邮件客户端,但是通过向电子邮件服务提供商发送请求,而不是指定地址,Web浏览器执行此操作。
有一些问题mailto:选项。例如,它不是100%与所有浏览器兼容,它不是非常用户友好的,并且无法控制浏览器发送表单时数据的格式化。
除此之外,当用户提交表单时,将弹出警告消息,让他们知道他们即将发送的信息不会被加密以用于隐私。这可以从提交表单时窃听用户。
那么,HTML代码允许您直接向电子邮件地址发送表单提交?
为了使表单可以与您的电子邮件服务器一起使用并将其发送到邮箱,PHP是答案 - 让我们现在探索该选项。
制作完整的形式
要创建表单订阅者可以与您联系,PHP脚本将成为您最好的朋友。我知道,其他首字母缩略词。这一个代表超文本预处理器,此语言与HTML协作以处理表单。
在进入过程之前,让我们分解一些表格基础。
WebForm有两面:前端,访问者在浏览器中看到,以及在服务器上运行的后端脚本。
访客的Web浏览器使用HTML代码来显示表单。提交表单时,浏览器使用表单标签的“动作”属性中提到的链接将信息发送到后端,将表单数据发送到该URL。
例如:。
然后服务器将数据传递给操作URL中指定的脚本 -myform-processor.php.在这种情况下。使用此数据,后端脚本可以创建表单提交的数据库,将用户指向另一个页面(例如付款),并发送电子邮件。
还有其他脚本语言您可以在后端编程中使用,例如Ruby,Perl或ASP for Windows。但是,PHP是最受欢迎的,几乎所有的Web托管服务提供商使用。
如果您需要进行完整表单,请按照以下步骤操作。
如何制作发送电子邮件的HTML表单
- 使用PHP创建页面。
- 使用代码制作表单。
- 制作表格发送电子邮件。
1.使用PHP创建页面。
当您创建网页时,而不是使用“.html”扩展,请转而键入“.php”。这类似于将图像作为“JPG”与“PNG”保存为“JNG”时会发生什么。
通过这样做,服务器将知道托管您写的PHP。不要保存空的HTML页面,而不是保存空的HTML页面,并将其另存为如下:“subscriberform.php”。创建并保存页面后,您将能够创建表单。
2.使用代码制作表单。
在此步骤中,您将编写代码以创建表单。
如果您不确定如何在HTML中创建表单,请退房HTML狗基础知识底漆的资源。
以下代码是基本形式所需的:
<输入类型=“提交”>
form>
由于这类似于仅限HTML的写入,因此这些行还将为表单和一个用于订阅者的区域创建名称,以键入自定义消息并将其发送给您。
一个重要的区别是“Action = Contact.php”部分。这部分代码是将在提交时使页面发送表单的内容。回想一下,在第一个示例中,这不是一个选项。
3.制作表格发送电子邮件。
创建表单并根据您的设计首选项添加所有正确的修复程序后,是时候创建电子邮件部分了。
为此,您将滚动到页面的开头(非常开头,即使在定义HTML Doctype之前)。要启用在电子邮件中发送数据,我们必须添加将处理数据的代码。复制此代码或创建类似的东西:
<?PHP.
if($ _ post [“message”]){
邮件(“your@email.address”,“这是主题行”,
$ _post [“在此插入消息”]。“来自:an@email.address”);
}
?>
回想一下,第一行和最后一行内的所有内容将告诉网页,使这些功能成为PHP。此代码还会检查订阅者是否使用该表单。从那里,它检查表格是否已发送。
进一步破坏它,“邮件”将已完成的表单作为电子邮件发送到“your@email.address”,并且主题行是如下所示。在下一行中,您可以在引号中编写电子邮件副本,从您选择的任何电子邮件地址发送。
总结程序以创建HTML电子邮件表单:
提交表单后,该页面将数据发送到自身。如果数据已成功发送,则页面将其作为电子邮件发送。然后浏览器加载页面的HTML - 所包含的表单。
通过,您需要创建表单所需的基本代码。
请注意,这只是一个方法 - 或者,您还可以使用Hubspot等CRM创建表单。
如果您是一个Hubspot客户,请继续阅读以了解如何使用Hubspot的工具创建发送给您电子邮件的HTML表单。
使用Hubspot.
HUBSPOT表格是营销中心的一部分,不需要以前的任何技术知识。
如果您想在表单提交后学习如何收到电子邮件,请查看我们的知识库文章。
使用Hubspot表单时,可以构建连接到联系人列表的自定义表单。您还可以根据表单完成,自定义这些表单并触发自动电子邮件。请注意,后者需要高级升级。点击这里有关Hubspot的形式的更多信息。
HTML表单是一个相当简单的过程,以及与订户连接的绝佳方式。在您的网站上拥有这些产品,为客户提供了一种与公司联系或注册电子邮件的简单方法。raybet电子竞技
发送电子邮件返回给您的表单保留收件箱中的信息以供参考和缓解。请记住,这些不是您的建筑形式的唯一选择。如果您希望有助于构建表单的工具列表,请查看我们的帖子这里。
编者注:这篇文章最初于2019年12月发布,已更新全面。
最初发布于2020年6月23日上午4:00:00,Updunated 6月24日2020年6月24日
话题:
电子邮件营销别忘了分享这篇文章!
相关文章
扩大优惠
社交媒体内容日历模板
现在得到它