Beginner's Guide to Jotform: Build Your First Online Form Step by Step

This beginner’s guide walks you through Jotform so you can build your first online form step by step with confidence. You’ll start in the Form Builder Interface, make smart layout choices, add fields, customize the look, and publish a polished form that’s ready to collect responses.

Sign Up or Log In

Create a free account or sign in to your existing one to access your dashboard. Once you’re in, you can view recent forms, track submissions, and open the Form Builder with a single click.

• Open your dashboard and verify your account details and time zone.
• Set up two-factor authentication for added security.
• Familiarize yourself with the menu: My Forms, Templates, Inbox, Tables, and Settings.

Knowing where things live saves time later when you configure notifications or check results.

Create a New Form

From the dashboard, select Create Form to start a project. You can begin from scratch, use a ready-made template, or import an existing form from a file or URL.

• Start From Scratch if you want full control over every field and setting.
• Use Template to browse the Form Templates Library and jump-start common use cases.
• Import Form to reuse what you already have and modernize it in Jotform.

Whichever path you choose, you’ll land in the builder with your initial structure ready to refine.

Select a Form Layout

Choose between Classic (all questions on one page) and Card (one question per screen). Your layout shapes the experience and can influence completion rates.

• Classic: Great for short forms where users can scan and answer quickly.
• Card: Ideal for conversational flows, mobile users, and guided journeys.

You can switch layouts later, but set it early so spacing, buttons, and navigation feel consistent.

Add Form Elements

Use the Form Elements panel to drag in the basics: Name, Email, Phone, Short Text, Dropdown, Single Choice, Multiple Choice, File Upload, Date, and Signature. Click any field to open its properties for labels, placeholders, validation, and required rules.

• Add payments by selecting a payment field and connecting your account for Payment Gateway Integration.
• Enhance forms with widgets like progress bars, ratings, sliders, terms checkboxes, and image pickers.
• Build logic: show/hide fields, skip pages, or calculate totals based on user input.

Group related questions with headings and dividers so users stay oriented from start to finish.

Customize Your Form

Open the designer to adjust colors, fonts, spacing, and buttons so the form reflects your brand. Upload a logo, tweak inputs, and choose a background that supports legibility and accessibility.

• Use Form Designer Customization to set a theme, fine-tune typography, and control corner radiuses and shadows.
• Define error styles and helper text so users know exactly how to correct mistakes.
• Preview on desktop and mobile to verify contrast, touch targets, and readability.

Small visual refinements add up to a more trustworthy, higher-converting experience.

Set Up Email Notifications

Configure who gets notified and what they receive after each submission. Set up an internal Notification for your team and an Autoresponder for the person who filled out the form.

• Open Settings > Emails and create your Email Notification Configuration.
• Customize the subject, recipients, reply-to address, and message body fields.
• Attach a PDF copy of responses or include uploaded files when appropriate.

Test emails to ensure deliverability, and consider using a business domain for professional branding.

Publish and Share Your Form

When your form looks and works the way you want, it’s time to go live. The Publish tab provides flexible Form Publishing Options for different channels and access levels.

• Share a direct link, generate a QR code, or embed the form on your site via script or iframe.
• Use platform-specific embeds when publishing to website builders or CMS tools.
• Set access control: public, private, or organization-only, and optionally require sign-in.

Before announcing your form, confirm the thank-you page, limits, schedules, and integration connections.

Test Your Form

Thorough Form Submission Testing prevents surprises. Use preview mode to complete end-to-end runs on desktop and mobile, and ask a teammate to do a fresh pass for unbiased feedback.

• Trigger all conditional logic, required fields, and error messages to ensure clarity.
• Verify autoresponders and notifications, including attachments and reply-to behavior.
• For payments, use test or sandbox mode to confirm totals, taxes, and receipts.

Once everything checks out, you’ve completed the Beginner’s Guide to Jotform journey—created, customized, published, and validated your first online form. Keep iterating with analytics, A/B layout tests, and field refinements to boost completion rates over time.

FAQs.

How do I create a form with Jotform?

From your dashboard, click Create Form, choose Start From Scratch or pick a template from the Form Templates Library, then select a Classic or Card layout. Add fields, adjust settings, style it in the designer, configure emails, and publish using a link or embed code.

What payment gateways can I integrate?

Jotform supports popular processors such as PayPal, Stripe, Square, Authorize.Net, and Braintree, among others. Add a payment element, connect your account, map the amount or products, and run a test transaction to confirm your Payment Gateway Integration works as expected.

How do I customize the appearance of my form?

Open the designer to change themes, colors, fonts, and spacing, and upload your logo. With Form Designer Customization you can fine-tune inputs, buttons, and error styles, ensuring your form matches your brand and remains accessible on mobile devices.

How can I receive email notifications for submissions?

Go to Settings > Emails and add a Notification for your team and an Autoresponder for respondents. Set recipients, subjects, reply-to addresses, and attachments as part of your Email Notification Configuration, then send test submissions to verify delivery.