Online Contact Form Template

Quickly build a beautiful contact form for your website. No coding required.

Embedding your mobile-ready contact form in your website is as easy as copy & paste.

Easily match the design of your form to your style and personality. Choose colors, fonts, and more.

People like contacting people. Ask only one question at a time, just like a real conversation.

Forms and surveys that perform

People abandon forms because they get bored. Typeforms ask one question at a time to keep people engaged. Photos, GIFs and videos make them fun & interactive, so you get more insights to power your business.

Works beautifully on any device

People can easily fill in your typeform on their phone, tablet or desktop. Typeforms ask one question at a time, so it feels more like a conversation and less like a form.

150+ templates to discover

We’ve got templates for all sorts of things, from customer feedback and lead generation forms to digital marketing quizzes. Don’t see what you’re looking for? Request a template.

Do I need to know how to code?

Not at all. You won’t even have to know what HTML or CSS means. With a little help from the Typeform form builder, contact forms are simple to create, and they’ll look beautiful, too. Just drag and drop your questions, write your copy, and hit ‘save’. Once you’re happy with the way your contact form looks, you can start receiving new messages immediately.

Can I embed my contact form?

Yes, you can. You can choose to embed your typeform contact form in an existing web page, open as a popup, or even have it take up the entire page. With Typeform’s copy-paste embed code, you can embed your contact form using WordPress, Joomla, or alternatively, you can add it straight into your own HTML code. Whether you’re a blogger or a website owner, your contact form will look sleek on mobile, tablet, and desktop alike. Let your audience reach you anywhere, anytime.

Can I integrate it with other tools?

Certainly. Contact forms made with Typeform can be integrated with more than 500 apps. Want to add email entries to your MailChimp account? There’s an integration for that. If you’ve asked for file uploads in your contact form, you can easily store them in Dropbox. Or, have Zendesk prioritize your messages for you. With integrations you can build entire, automated workflows.

Can I design it?

Yes! Pick the fonts and colors that match your brand, and add your own selection of images, videos, or GIFs. Typeforms ask only one question at a time—just like in a real conversation. Treat your typeform contact form as an extension of your brand’s personality. Add friendly and engaging copy so your respondents leave more valuable responses. Remember how business used to be personal?

How to make a simple contact us form

There are several ways to approach this one.

If you have a web developer inhouse, they’ll be able to code this into your site or use an HTML contact us template.

Sure, there are many contact us form templates online, but with Typeform you are able to create the whole thing and embed it on your webpage—with no need for a web developer.

To make a contact us form with Typeform, follow these steps:

  1. Create the contact from with the information fields you need or use the template provided
  2. Go to the share option and select embed in webpage
  3. Click “get the code” and copy the contact us form’s HTML code
  4. Paste the code into the page’s html where you want it to appear
  5. Integrate with Google Sheets or your database tool to ensure you keep contacts

With a typeform template, there’s no need to download contacts, you can simply integrate the typeform directly into your existing CRM.

What should I include in my contact us form?

Online contact us forms should include:

  • Inquiry categories, asking users why they are getting in touch
  • User contact information capture
  • An open text field so users can explain in their own words what they need
  • Alternative company contact information, such as email or telephone
  • Ensure your contact form is mobile responsive

Inquiry categories will help you answer queries quickly and will help you direct messages to the correct department. You should also consider who will be in charge of the follow-ups and how you will integrate the form with Mailchimp or any other tools you are using to manage contacts.

Good examples of contact forms

Although they may seem basic, contact us forms are very important. These visitors want to engage with you, and potentially this can lead to sales and partnerships. There are some best practices for contact us forms that are perfectly demonstrated in these examples:

  • Mailchimp This has a subject category which sends users to the right contact

  • Zendesk This form provides all the contact information for each country office

  • Hubspot This works well as they immediately separate sales inquiries from all other types

  • Typeform Our own form, simple with no noise—just information capture

With high-intent pages, it is always a good idea to continuously test wording and page features to ensure these pages perform well and you continue to build your database and contact list.

“We’re using Typeform for all of our forms, and I’m amazed that average time to completion is fastest on mobile almost across the board.”

Michael H. Babcock - Director of Marketing Communications

Over 650,000
typeforms are
completed every day.
With love, from Barcelona
Typeform ©