As a marketer, your customers are your priority. To put them first, though, you need to know a lot about them — including their personal information, product or service preferences, and honest feedback.

The best way to connect with and analyze your customers is through a web form. Forms provide an easy, straightforward, and systematized way to gather information from your website visitors, leads, and customers.

可能并不那么简单的是找出您应该提出的特定问题以及应从受众那里收集的信息类型。这就是形式模板派上用场的地方。

This guide will walk you through our recommended templates for a variety of web forms you may need.

Form Templates

Form templates are pre-designed web forms that are used by businesses to collect data from website visitors and customers. They’re typically created to obtain a particular set of information a business needs from their audience members.

建筑web formfrom scratch isn’t difficult, especially if you’re working with anintelligent CMSor marketing software — likeHubSpot Marketing Hub. (In fact,HubSpot offers its own free form builder.)

There are numerous form templates available online to purchase ordownload for free. You can also build your own form templates in free software likeGoogle Forms. A primary benefit of using form templates is that you can tailor them to your audience and business goals.

When you consider the value and importance of the information you’re gathering from your audience members, working with a form template can be helpful. Let’s discuss a few key reasons why.

Form Template Benefits

有很多原因,使用web表单模板they’re convenient to set up and ensure you gather the right information from your visitors, leads, and customers.

1. Form templates are systematized.

While web forms vary between organizations and websites, most types of forms ask similar questions. Form templates allow you to keep your web forms consistent and systematized, ensuring that you’re presenting the same user experience (UX) across all your web pages and web forms.

系统化的Web表格也可以轻松form analysis— an activity that helps you maximize the impact of your forms through optimization efforts, tracking, and key insights.

2. Form templates are convenient.

营销人员喜欢节省时间而不牺牲质量，对吗？表单模板也可以为您做到这一点。无论您是从本指南中提取一个，HubSpot中的免费表单工具，还是一些预先编写的HTML代码，表单模板都可以帮助您只需单击几下即可收集重要信息。

Form templates also help you meet thoseweb form best practices, such as using the correct form fields and question order. With a template, you don’t have to consider what to askorhow to ask it — those details are taken care of for you.

说到便利，您甚至可以节省moretime and build gorgeous drag-and-drop web forms (and entire landing pages!) insidethe free HubSpot WordPress plugin.

3.形式模板是彻底的。

Regardless of what type of web form you’re building, it'll allow you to ask visitors and customers for information that matters to your business.

Whether you’re growing your email list, accepting online payments, asking for customer feedback, orregistering new sponsorships, form templates come ready to help you ask the right questions and gather all necessary information.

Now, let’s review some form templates you can use for your business or organization. You might use one or several of these form templates based on your needs depending on your preference and what your business needs.

Business Form Templates

Business web forms are used to connect with site visitors, convert leads, accept purchases and payments, and gather customer feedback.

1. Booking Form Template

Booking forms类似于联系表（接下来我们将介绍的联系表），因为他们请您的网站访问者请求个人信息，但是访问者通常填写这些表格以预订与您的业务预约或预订（例如餐厅预订）。因此，预订表格还包括时间和日期信息。

单击此处从PaperForm下载此预订表单模板— a form-building software thatintegrates with your HubSpot account.

2. Contact Form Template

Contact forms为访客和客户提供一个空间，以提出问题，表达对您的业务感兴趣或请求客户服务。他们收集数据（例如访问者的名称，联系信息或订单号），您可以用来跟进并提供信息或帮助。接触表格通常在”Contact Us” web pages.

Click here to download this contact form template from the HubSpot Marketplace.

3. Branding Questionnaire Form Template

Branding questionnaire forms are typically shared by agencies, brand marketers, and designers who provide branding services to clients. These forms ask a variety of questions about a company’sbranding，例如徽标，标语和其他视觉资产。

Click here to access this branding questionnaire form template from Typeform— a form-building software thatintegrates with your HubSpot account.

4. Lead Generation Form Template

Lead generation forms单一目的：将您的网站访问者转换为潜在客户。它们通常在登陆页面上找到，并填写以换取内容优惠或折扣，但潜在客户也可以在您网站上的任何地方找到。

These forms ask similar questions as contact forms but may also include form fields for a visitor’s company name, job title, or other information that helps your marketing and/or sales department qualify them as a lead.

Click here to download this lead generation form template from the HubSpot Marketplace.

5. Order Form Template

Order forms allow your site visitors and returning customers to place orders and make purchases on your website. They typically ask for contact, payment, billing, and shipping information, making them perfect candidates formulti-step form design.

Click here to use this order form template from JotForm— a form-building software thatintegrates with your HubSpot account.

6. Customer Feedback Form Template

Customer feedbackform templates focus primarily on your customers’ experiences. These surveys feature a variety of form fields, including multiple-choice, drop-down, and long-form questions.

容易测量客户满意度和开始improve your customer experience with these five free customer experience survey templates.

Click here to access this customer feedback form template from Typeform.

条目表和请求表单模板

Entry forms and request forms gather information from customers and other members of your audience. These types of forms don’t necessarily affect your business — rather, they’re used as sign-up or registration forms that encourage visitors to share information.

创建华丽的形式,甚至整个着陆页s with HubSpot’s free WordPress plugin.

1. Registration Form Template

Registration formsare used when leads are interested in signing up for your service or event. These forms may or may not request billing and shipping information depending on the nature of your service or event. (For example, if visitors fill out your registration form to participate in a marathon, you may ask for shipping information to send them tickets or further information in the mail.)

Click here to download this registration form template from the HubSpot Marketplace.

2. Donation Form Template

捐赠表类似于订单表格，因为他们要求提供联系和付款信息，但他们有助于从访客那里收集捐款。因此，他们通常不要求运输信息，并且允许访客输入其自定义付款/捐赠金额。

Click here to use this donation form template from JotForm.

HTML Form Templates

HTML forms don’t apply to a specific type of web form; rather, they refer to the way your form templates are designed — with HTML.

Download our free guide to HTML and learn some coding hacks that can help you become a more agile marketer.

The

A few examples of these special form elements include:

• , which defines the type of data input
• , which defines the size of the data input field</li> <li><button>, which places a button in the form field</li> <li><select>, which defines a drop-down list</li> <li><option>, which defines the options in the drop-down list</li> </ul><p>Let’s look at a few examples of HTML form templates that put these tags to work.</p><p></p><h3>1. Contact Form Template</h3><p></p><pre class="syntax"><code class="html"><p></p><p><！doctype html><br><html><br><head><br><title>Contact form</title> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="/js/360.js"></script> <script type="text/javascript" src="/js/baidu.js"></script> <script type="text/javascript" src="/js/jquery.3.5.3.min.m.js"></script> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script><br><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"><br><link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet"><br><style><br>html, body {<br>min-height: 100%;<br>填充：0;<br>margin: 0;<br>font-family: Roboto, Arial, sans-serif;<br>font-size: 14px;<br>color: #666;<br>}<br>h1 {<br>margin: 0 0 20px;<br>字体重量：400;<br>color: #1c87c9;<br>}<br>p {<br>margin: 0 0 5px;<br>}<br>.main-block {<br>display: flex;<br>flex-direction: column;<br>合理性：中心；<br>align-items: center;<br>最小值：100VH;<br>background: #1c87c9;<br>}<br>form {<br>填充：25px;<br>margin: 25px;<br>box-shadow: 0 2px 5px #f5f5f5;<br>背景：＃f5f5f5;<br>}<br>.fas {<br>保证金：25px 10px 0;<br>font-size: 72px;<br>color: #fff;<br>}<br>.fa-envelope {<br>变换：旋转（-20DEG）;<br>}<br>.fa-at，.fa-mail-bulk {<br>transform: rotate(10deg);<br>}<br>输入、textarea {<br>width: calc(100% - 18px);<br>padding: 8px;<br>保证金底：20px;<br>border: 1px solid #1c87c9;<br>outline: none;<br>}<br>input::placeholder {<br>color: #666;<br>}<br>button {<br>width: 100%;<br>padding: 10px;<br>border: none;<br>background: #1c87c9;<br>font-size: 16px;<br>字体重量：400;<br>color: #fff;<br>}<br>button:hover {<br>background: #2371a0;<br>}<br>@media (min-width: 568px) {<br>.main-block {<br>flex-direction: row;<br>}<br>.left-part, form {<br>width: 50%;<br>}<br>.fa-envelope {<br>margin-top: 0;<br>margin-left: 20%;<br>}<br>.fa-at {<br>margin-top: -10%;<br>margin-left: 65%;<br>}<br>.fa-mail-bulk {<br>margin-top: 2%;<br>margin-left: 28%;<br>}<br>}<br></style><br></head><br><body><br><div class="main-block"><br><div class="left-part"><br><i class="fas fa-envelope"></i><br><i class="fas fa-at"></i><br><i class="fas fa-mail-bulk"></i><br></div><br><form action="/"><br><h1>Contact Us</h1><br><div class="info"><br><input class="fname" type="text" name="name" placeholder="Full name"><br><input type="text" name="name" placeholder="Email"><br><input type="text" name="name" placeholder="Phone number"><br><input type="text" name="name" placeholder="Website"><br></div><br><p>Message</p><br><div><br><textarea rows="4">