How to Create a Typeform-Style Form in Squarespace
This post is sponsored by SquareKicker.
Want to turn a regular Squarespace form into a one-question-at-a-time experience like Typeform?
You can do it with SquareKicker Compose while keeping the existing Squarespace form responsible for the actual submission.
The Compose prompt
Open the page containing your Squarespace form, launch Compose, and use this prompt:
Using the existing form on this Squarespace page, turn it into a Typeform-style form experience. Show one question at a time instead of displaying the entire form at once. Let visitors move forward and backward through the questions without losing their answers. Include a simple progress indicator so they can see how far along they are. Keep the existing form fields, submission behavior and Squarespace form functionality intact. Make the transitions feel smooth and polished, and make sure it works well on desktop and mobile. Build the actual working interaction on this page.
That’s it.
Compose can work with the form already on the page instead of requiring you to rebuild it from scratch.
What stays intact
The goal here is to change the experience of filling out the form, not replace the form itself.
Your existing Squarespace fields stay in place, and Squarespace can still handle the submission normally.
You’re essentially turning:
Regular Squarespace form → one question at a time → normal Squarespace submission
Customize it
Once the basic interaction is working, you can keep prompting Compose to refine it.
For example:
Make the progress bar thinner.
Replace the progress bar with “Question 2 of 6.”
Automatically advance after someone selects a multiple-choice option.
Change the Back and Continue button styles.
Make the transitions faster.
Add a short intro before the first question.
Make the form take up more of the screen.
Match the form styling more closely to the rest of the page.
Adjust the mobile version without changing desktop.
I’d get the basic interaction working first, then make one adjustment at a time.
One thing to test
After Compose finishes, submit the form yourself.
Make sure the answers are still being captured correctly and that your existing Squarespace storage, email notification or other form setup still behaves the way it did before.
Try it yourself
If you want to try this on your own Squarespace form, you can get 20% off SquareKicker with code OMARI20 through the end of the year.
And if you want to see what else people are building with Compose, browse the Discover page for more ideas and examples.
