Animated and Engaging Form in Typeform Style | Bubble.io guide | Walk Through
The Typeform approach to collecting user data has proven to be highly engaging, with a low drop-off rate.
This template includes 20 customizable blocks that you can copy, paste, and edit to create the perfect form for your needs.
Block Types
Welcome Screen
Statement (no input required). Ideal for adding an informational or promotional message every 3–5 steps.
Email
Phone Number
Full Address
Website/URL
Name, Last Name, Company
Multiple Choice. Select from several options, including a custom answer.
Dropdown with Choices
Simple Yes/No
Legal Document Acceptance
Ranking: Use a custom scale.
Star Rating: Use a custom scale.
Short Text Answer
Long Text Answer
Number Answer
Number Slider
File Uploader
Beautiful QR Code: Link to any URL.
Ending Screen: Includes links to your social media accounts.
Instructions
Plugins used:
Canvas UI Elements - https://bubble.io/plugin/canvas-ui-element...
Multi-File Uploader - Dropzone -
Progress Bar -
QR Code Generator To SVG - https://bubble.io/plugin/qr-code-generator...
Slider And Multislider Input -
Toolbox - https://bubble.io/plugin/toolbox-148879604...
Instructions
Purchase the Template.
Install all free plugins.
Set your page Background to Flat color “#313131"
Copy all workflows highlighted with RED color.
Copy with workflow group “Group group to copy” and paste it with workflow on your page (column type).
Arrange the blocks you need in the desired order, copying or removing as necessary.
Customize the options and input parameters and settings in Custom States tab to suit your needs.
Configure actions to save user-provided data to the database, if required.
After purchasing the template, you'll receive a link to a Loom video showcasing how to apply this template to a real business case form.
IMPORTANT INFORMATION
This template is provided "as is." If any critical bugs are identified, I will work to resolve them promptly. Please note that support is limited to answering general questions about the template and providing guidance via email. I have aimed to cover the most common scenarios in the video you’ll find in the video page