Create powerful forms, surveys, and quizzes with Fillout with a few easy steps.

Make a form

Use different type of pages on your Fillout form, add additional pages or use a single page for all your questions.

Page types

Enable self-notifications to get notified via email when someone submits your form, or encounters an integration-related issue.

Enable email notifications

With Fillout, you can use over 40 different question or field types to make your forms. Easily customize or change field types, add captions and default values, and use logic.

Field types

View all submissions to your form. Use filtering and sorting to find a specific response or export to CSV.

View responses

Collect monetary amounts and, optionally convert them between different currencies in your forms.

Currency

Collect a grid or table of selections from respondents for corresponding rows and columns.

Choice matrix

Collect national and international addresses in your forms. Optionally add Google Maps Autocomplete.

Address

Use the section collapse field to group questions together and show or hide many questions at a time.

Section collapse

Add a video anywhere in your form from YouTube, Vimeo or any video platform.

Video

Add a fill again button to let respondents fill out your form multiple times. Only available on ending pages.

Fill again button

Show users a thank you page, redirect them to another site or another form, or let them fill the form out again.

Ending page

Add a file upload field type to your form to collect files or attachments of any kind. 

File upload

Add a date range question to your form to collect a start and and end date from your respondents. Useful for booking forms, project planning or anytime you need to collect a date duration. 

Date range

Allow respondents to book a time slot on your calendar, using Calendly or other scheduling integrations directly from your Fillout form.

Scheduling page

Require respondents to login your Fillout form via password or email.

Login page

Collect payments from respondents using Stripe. Choose a dynamic purchase amount and optionally send a receipt.

Payment page

Add a review page to let your respondents review their answers before submitting your form.

Review page

Welcome users to your form with an animated cover page. Customize text, images, and design to match your brand.

Cover page

Ask any type of question, collect signatures, display PDFs, and more through this most commonly used page type.

Form

Welcome to Fillout, the easiest way to create surveys, quizzes, and forms online! Customize your form, connect it with apps and databases, and use other powerful features.

Getting Started

Customize your form's share link, subdomain and URL ending to match your organization's branding and generate a pretty URL. Edit the image thumbnail and text of your share preview for social media sites.

Customize your form link and share preview

Customize the default progress bar that shows up when respondents answer your Fillout form.

Add a progress bar to your form

Add a custom CSS, edit the look of your buttons, and use more styling options to customize your form and enhance your company or organization's branding.

Use the advanced designer

Customize your form page's layout or position with Fillout. Choose where you want to showcase a background image or opt for a clean layout.

Change the layout of your page

Design your Fillout form to match your brand by selecting from dozens of pre-built themes or creating your own. Customize colors, fonts, sizes, and more.

Apply a theme to your form

Add your logo or icon to a browser tab and in shareable Fillout link previews.

Set a custom favicon for your forms

Choose from over dozens of pre-made Fillout form, survey, and quiz templates designed to suit your needs. Easily customize your selected template based on your preferences.

Use a form template

Turn your Fillout forms into templates, and share them with anyone. Choose whether to make your templates available publicly or only within your organization.

Make your own form template

Add a heading to your surveys and forms on Fillout to create a well-structured and user-friendly experience.

Add headings to your forms

Remove the default confetti effect on the Ending page of your Fillout forms. 

Disable the confetti effect

Create visually appealing forms that stand out with images. Add individual images or GIFs, a background image, multiple picture choices or a combination of these. 

Add images or GIFs to your form

Add a professional touch and create strong brand identity by adding your logo to your Fillout form, survey, or quiz.

Add your logo to a form

Customize your form's URL to match and promote your brand using Fillout. Host your forms at forms.yourcompany.com or <anything>.yourcompany.com with custom domains.

Use custom domains

Choose from thousands of fonts or even upload your own font.

Customize your form’s font

Remove Fillout branding

Put questions side by side in your form with multiple columns.

Create multi-column forms

Style your form with customizable themes, multimedia elements like images or GIFs and custom fonts. Establish a coherent brand identity by adding your logo, using a custom domains, matching your brand’s colors and more.

Styling & Branding

Create new tickets associated with new leads/contacts from a Fillout form, directly in Zendesk.

Connect your form to Zendesk

Create new messages from a Fillout form, and automatically create or update associated contacts/leads directly in Intercom.

Connect your form to Intercom

Embed a Fillout form in Notion to include surveys, questionnaires, and other forms within your workspace.

Embed Fillout forms in Notion

Add and update new and existing ActiveCampaign contacts from a Fillout form to grow your newsletter audience. Add tags to contacts based on conditions in your form.

Connect your form to ActiveCampaign

Easily track form conversions and use enhanced conversion in Google Ads with Fillout. Upload address, phone number, GCLID and email to let Google Ads optimize Ad bidding.

How to track and upload form conversion data to Google Ads

Notify respondents after submitting your Fillout form with customizable email templates and insert dynamic data.

Send email notifications with SendGrid

Upload file submissions automatically to a Dropbox folder with your Fillout form. Optionally set a dynamic file path to categorize submissions into nested folders.

Sync file uploads to Dropbox with a form

Add and update new and existing Mailchimp contacts from a Fillout form to grow your newsletter audience. Set audience fields and add tags to contacts based on conditions in your form.

Connect your form to Mailchimp

Create leads, orders, projects and custom objects in Monday with the Fillout form builder.

Sync form responses to Monday

Add and update new and existing Klaviyo contacts from a Fillout form to grow your email and SMS audience. Set fields based on conditions in your form.

Connect your form to Klaviyo

Use Make (formerly Integromat) to create automated tasks and workflows that seamlessly integrate with Fillout forms.

Connect Fillout to thousands of apps with Make

Connect a Webhook to your form to send responses to automation tools (like Make or Zapier), or any other Webhook endpoint you may have.

Send form submissions to a webhook

Use a Fillout form to create or update your Airtable tables. Embed your forms or share them anywhere.

How to create an Airtable form

Use a Fillout form to create or update your Notion databases. Embed your forms in Notion or share them anywhere.

How to create a Notion form

Use a Fillout form to create or update your HubSpot contacts. Embed your forms or share them anywhere.

How to create a HubSpot form

Add a Facebook pixel to track when users open your form, transition to new pages and submit responses.

Track form submissions with Meta Pixels

Get a Slack notification whenever your form is submitted, with each question automatically formatted or with a custom message of your choosing.

Connect your form to Slack

Use a Fillout form to create Attio contacts, companies, deals and custom CRM records. Embed your forms or share them anywhere.

How to create an Attio form

Fetch data from tools like Airtable, Notion or any service with an API. Display dynamic content in your form and use it to hide, validate and pre-fill fields.

Use dynamic data in a form

Make new updates instantly reflect in Fillout when you edit your database in Airtable, Notion, and more.

Update fields after changing your database schema (in Airtable, Notion, etc.)

Send responses from your Fillout form to a SmartSuite solution. Drag and drop your fields into the form, and see answers appear in your app automatically.

How to create a SmartSuite form

Create a pre-filled form based on an existing record or page in Airtable, Notion or SmartSuite, and update it upon submission.

Update an Airtable, Notion or SmartSuite record with pre-filled form

Connect Fillout to hundreds of other apps with our Zapier integration.

Connect Fillout to hundreds of apps with Zapier

Link submissions back to Fillout by referencing its Submission ID on the integrations page. Search for a particular submission on the results page.

Working with form submission IDs

Send responses from your Fillout form to a Google Sheet. Set up this integration in less than 30 seconds to  automatically sync a spreadsheet to your form questions.

How to create a Google Sheets form

Fetch information from Airtable, Notion or any service before your form loads. Display the data in your form or use it in your form logic.

Pre-fetch dynamic data for your form

Send a fixed value to Airtable, Notion or another integration for any field, using static values. 

Write a static value to an integration

Configure form fields and values to send to Notion, Airtable, and other database integrations.

Map Fillout fields to integrations

Create a Fillout form that automatically updates a records in SmartSuite whenever a respondent completes your form.

Update existing SmartSuite records with a form

Add new company records and set up your deals pipeline in HubSpot through Fillout forms. 

Make new companies and deals in a HubSpot form

Make a form that edits existing pages from Notion, and pre-fills fields with data from the page.

Update existing Notion pages with a form

Make a form that edits existing records from Airtable, and pre-fills fields with data from the record.

Update existing Airtable records with a form

Set pre-fills or default values, reference fields from the chosen record, and more using a linked record picker with Fillout.

Working with linked record pickers

Make a linked record picker in Fillout. Optionally filter records based on prior inputs.

How select and filter Airtable linked records in a dropdown

Let users create new Airtable records from a record picker in your Fillout form by filling out a child form. The new record will be automatically selected.

Create new linked records in an Airtable form

Make a Fillout form that creates multiple Airtable records at once, in different tables. Tie linked records together automatically with your form.

Create multiple Airtable records with a form

Upload signatures to your Airtable base from a custom Fillout form. Useful for contract signing, conference check-in forms, waiver forms and other e-signature data collection workflows.

Add signatures to Airtable with a form

Prevent duplicate form submissions from being saved to Airtable using Fillout.

Prevent duplicate submissions in Airtable

Use a Fillout form to add styled content to the body of a Notion page.

Add content to a Notion page with a form

Create powerful effortlessly with native and 3rd party integrations. Fillout integrates with dozens of external services and any service with a REST API.

Integrations

Perform an integration only when a certain condition is satisfied. Use conditional logic to create dynamic Fillout forms based on respondents' input.

Run an integration when a condition is met

Build forms with multiple pages and branching logic. Conditionally show certain pages or show custom endings with Fillout.

Edit your form's page logic

Calculate prices for order forms, compute the score of a quiz, and much more with your Fillout forms. Dynamic variables let you do math and logic in your form, fully responsive to respondent input.

Add dynamic calculations and variables to forms

Base logic in form fields on previous answers or use them to personalize your Fillout form with answer piping. Display read only fields.

Use previous form answers through answer piping

Set conditional logic to show and hide fields based on prior inputs, URL parameters or external data. Make dynamic forms based on your respondents' answers.

Conditionally hide fields

Connect separate forms together or allow users to re-submit a form with Fillout.

Combine and repeat forms

Collect accurate information from your respondents by validating form inputs. Define validation rules using logic conditions, regular expressions or out-of-the-box validation rules.

Validate form input

Use condition groups to show, hide and validate fields based on multiple conditions at once. Use nested logic to encode any condition you need in your form.

Add advanced form logic with condition groups

Make dynamic forms that adapt and adjust based on a respondent's input. Show or hide questions, modify page logic, add calculations, combine forms using logic, and more.

Logic

Close your form to new submissions immediately, or on a particular expiration date.

Manage form access and close form submissions

Pass URL parameters (hidden fields) to your embedded Fillout forms to personalize text, track UTM campaigns, or track unique submissions for different users.

Use hidden fields and URL parameters in an embedded Fillout form

Use a QR code to make it easier for respondents to access and answer your survey or form via mobile quickly. Place your QR code online on websites and social media posts, or offline on posters, flyers, or brochures, and more.

Share your form with a QR code

Customize meta information about your form link, like the image and text that appear when you share your form on other sites. Remove the Fillout branding on the share image.

Customize your form’s share preview

Increase conversions and intake data by embedding a powerful Fillout form on your React app.

Embed a Fillout form with React

Use embed blocks to add your Fillout form to a new or existing Squarespace website.

Embed a Fillout form in a Squarespace website

Increase conversions and intake data by embedding a powerful Fillout form to a new or existing Wix website.

Embed a Fillout form in a Wix website

Import and export forms between different Fillout accounts. This is often useful if you're making a form on behalf of a client.

Import and export forms between accounts

Learn how to embed a Fillout form in Webflow. It only takes a few minutes to insert your form as a popup, slide-out, or standard element on the page.

Embed a Fillout form in a Webflow website

Learn how to embed a Fillout form in WordPress. You can add the HTML code directly to your site or use a WordPress Embed block to add a form to a webpage.

Embed a Fillout form in a WordPress website

Share your Fillout forms with your respondents or clients by sending the unique link to your form, or embedding it on your website. Create templates for other Fillout users, and even share forms across accounts! 

Sharing & embedding

Automatically save a respondent's progress so they can continue where they left off and finish answering the form at a later time. View responses to a partially answered form on the Fillout results page.

Partial submissions

Get a quick and comprehensive overview of all your form responses. Visualize respondent submissions as a pie chart or bar chart.

Summary

Easily generate hard copies of individual respondent submissions in just a few clicks. Make data analysis, sharing, and record-keeping a breeze.

Print a form submission as PDF

View the submissions you gather from respondents and access analytics along with a summary of all the results.

CSS Class	Element	Example
.fillout-field-container	The container for all the fields on each page	.fillout-field-container { // Add a thicker shadow box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); // Decrease width of form max-width: 450px; }
.fillout-field-[field-type] Examples: .fillout-field-short-answer .fillout-field-dropdown	Target specific field types	// Change the width of short answer fields .fillout-field-short-answer input { max-width: 350px; }
.fillout-back-button	Back button	// Change the back button background color .fillout-back-button { background: blue; }
.fillout-caption	All field captions	// Change captions to red .fillout-caption p { color: red; }
.fillout-field-text (Heading) or .fillout-field-paragraph (paragraph)	Heading and paragraph fields	// Make h1 size text in paragraph field have different font .fillout-field-paragraph h1 { font-family: 'Brush Script MT', cursive; }
.fillout-field-button	“Next” button	// Make the “next” button rounded .fillout-field-button button { border-radius: 100px }
input[type="text"]::placeholder	Placeholder text	// Change placeholder color input[type="text"]::placeholder { color: gray; }

Style your form with a custom CSS

How to add a custom CSS

1. Open the advanced designer

2. Add your CSS

CSS classes you can use

Custom code guide