How to Use Joliform: The Complete Guide

Joliform turns your existing Google Forms into beautiful, branded experiences — without moving your data or changing your workflow. This guide walks through everything from setup to sharing, with tips for getting the most out of each feature.

What Is Joliform?

Joliform is a UI layer for Google Forms. You bring your existing Google Form, choose a theme, set a custom URL, and publish. Your respondents see a professionally designed form. Their submissions go directly to your Google Forms response sheet — exactly as they always did.

Nothing changes on the backend. Your Google Sheets integration still works. Your notifications still fire. Your existing response data stays where it is.

The only thing that changes is what the form looks like.

Getting Started

Prerequisites

You need:

A Google account (personal or Workspace)
A Google Form you want to style
A free Joliform account

Step 1: Sign in to Joliform

Go to joliform.com and sign in with your Google account. The first-time setup takes about 30 seconds.

Step 2: Create your Google Form

If you don't have a Google Form yet, go to forms.google.com and create one. Add all your questions, configure required fields, set up any conditional logic you need.

If you already have a Google Form you want to style, skip this step.

Step 3: Copy your Google Form URL

Open your Google Form in Google Forms. Click the eye icon (preview) to open the respondent view, then copy the URL from your browser's address bar.

It will look like:

https://docs.google.com/forms/d/e/1FAIpQLSe.../viewform

Step 4: Create a new form in Joliform

In the Joliform dashboard, click "New Form". Paste your Google Form URL and click "Fetch Form".

Joliform will read your form's structure — all the question types, labels, options, and required field settings — and import them automatically. You don't re-type anything.

Step 5: Choose a theme

This is the fun part. Joliform offers 6 themes designed for different use cases:

Light Clean Minimal, airy, and professional. Works well for corporate surveys, contact forms, and any context where a clean, distraction-free experience matters. The layout is a classic single-column with plenty of whitespace.

Card Each question appears as a distinct card with a subtle shadow, giving the form a structured, section-by-section feel. Good for forms that group related information.

Compact Information-dense layout that fits more on screen without feeling cramped. Best for power users or internal tools where respondents are comfortable with the content.

Conversational Questions appear in a chat-like interface, one at a time, with a friendly tone. High engagement for customer-facing forms and surveys where you want a more personal feel.

Stepper A clear step-by-step wizard with a visible progress bar. Best for longer forms with logical sections — registration flows, application forms, multi-step quizzes.

Typeform-style Full-screen, one question at a time, with smooth transitions. The highest-engagement layout for lead generation and customer surveys. Mirrors the experience of Typeform without the per-response cost.

Preview each theme with your actual form content before committing. The preview updates in real time as you switch.

Step 6: Pick a color palette

Under the Theme tab, select a color palette. Each palette defines:

Primary color — used for buttons, checkboxes, and accents
Background — the form's base color
Surface — cards and input backgrounds
Text — headings and body text

Presets are available to get started quickly, but you can customize individual colors to match your brand exactly.

Step 7: Set your slug (Pro)

On Pro, your form is published at a custom URL: joliform.com/f/[your-slug]. Choose a slug that's:

Descriptive: customer-survey, job-application, event-rsvp
Easy to type and share
Unique to this form

Slugs must be URL-safe (letters, numbers, and hyphens only). On the Free tier, your form gets an auto-generated URL.

Step 8: Publish

Click Publish. Your form is now live. Share the Joliform URL instead of the original Google Forms URL.

Everything else works exactly as before: Google Sheets captures each submission, your notification emails go out, conditional logic fires — all unchanged.

Where Do Responses Go?

Responses go directly to your Google Form. Joliform acts purely as a UI renderer — it reads your form structure and displays it beautifully, but it doesn't intercept or store your response data.

When someone submits your Joliform form, their answers are sent directly to Google's servers, exactly as if they had filled out the original Google Form. The response appears in:

Your Google Forms response tab
Your connected Google Sheet (if you have one linked)
Any notification emails you've configured in Google Forms

Joliform never sees the submission contents.

Managing Multiple Forms

The Joliform dashboard shows all your published forms with:

Response count (pulled from Google Forms)
Theme in use
Direct link to the published form
Quick access to edit settings

The Free tier supports up to 10 forms. Upgrade to Pro for unlimited forms.

Tips for Best Results

Match your brand colors exactly. Pull the hex codes from your brand guidelines or website and enter them in the palette customizer. Consistent branding significantly improves trust.

Choose the right theme for your audience. Internal forms (employee surveys, IT requests) work well with Compact. Customer-facing forms and lead generation forms convert better with Typeform-style or Conversational.

Keep your slug professional (Pro). Your respondents will see the URL. joliform.com/f/customer-feedback-2026 looks better than a generic auto-generated link.

Test on mobile before sharing. View your form on a real mobile device. Tap through every field. The experience should be smooth and easy to navigate.

Update the Google Form, then re-fetch. If you add or remove questions in Google Forms, go to your Joliform dashboard and re-fetch the form to sync the changes.

Frequently Asked Questions

What question types does Joliform support? Short text, paragraph, multiple choice, checkboxes, dropdown, linear scale, date, and time. File upload is supported if your Google Form has it enabled.

Can I use Joliform for Google Forms with conditional logic? Yes. Conditional logic (show/hide sections based on answers) is handled by Google Forms on the backend. Joliform displays all questions by default, and the conditional routing happens at submission time. Full conditional rendering within the Joliform UI is on our roadmap.

What if my Google Form URL changes? If you need to point your Joliform form at a different Google Form, you can update the source URL in the form settings. Your slug and theme remain the same.

Can respondents use the Joliform form to edit their responses? If your Google Form is set to allow response editing, respondents will receive a confirmation email from Google with an edit link that takes them to the original Google Form. Joliform forms currently handle new submissions only.

Is Joliform GDPR compliant? Joliform does not store response data. All submissions go directly to Google's servers. Your data handling obligations are the same as if respondents filled out the Google Form directly. Review Google's data processing terms for your specific requirements.

Can I embed my Joliform form on my website? Embedding via iframe is possible and works well. Use the share URL as the src. We recommend setting a minimum height of 600px and allowing the iframe to scroll.

Next Steps

Now that your form is live, here are some things to try:

Understand how form design affects conversion rates — apply design principles to your form setup
See how Joliform compares to Typeform — understand when each tool is the right choice
Learn about the UI facading concept — understand the design pattern powering Joliform

If you run into anything that isn't covered here, reach out through the dashboard — we're a small team and we read every message.