We're constantly exploring new ways to optimize conversions with Unbounce, and sometimes that means making form completion less of a chore and more of a conversation. That said, we're thrilled to introduce our newest addition to Tips and Scripts...
Conversational Forms in Unbounce!
Give your forms personality by turning them into conversations! Conversational forms make it easy for designers and developers to engage visitors in a more compelling and conversational way, without making the user feel like they're speaking to a robot.
You can see this in action (built in Unbounce) here:
Read more about Space10 lab, the creators of the Conversational form library: https://github.com/space10-community/conversational-form
WARNING: YOU ARE ENTERING DEVELOPER TERRITORY
Here's a link to the script: https://gist.github.com/noahub/ee480189a99aeac35d6005ce57a2aa3a
Here's the demo .unbounce file: https://www.dropbox.com/s/ay5pt3rwn412i5v/texting_form.unbounce?dl=0
Create a form element on your landing page.
Create form fields with conversational form labels
Disable auto-generate from label and create a simplified name/id
Create a box element, nest form inside box element. The size of this box will determine the size of your conversational form.
Change the thumbnail images for the bot/user by swapping in your own hosted thumbnail image URLs.
Copy the CSS snippet 'conversational_form.css' and paste in your Stylesheets section.
Want to take your Unbounce landing pages + convertables to the next level?
Check out the Ultimate List of Unbounce Tips, Scripts & Hacks