Product Update

🗞 Product Digest #3 – New Builder Special ⭐⭐⭐

  • 17 February 2021
  • 7 replies
  • 3061 views
🗞 Product Digest #3 – New Builder Special ⭐⭐⭐
Userlevel 4
Badge +2

Welcome to a very special edition of the product digest. We have lots of mega exciting stuff to share as we roll out the new version of the Typeform builder 🎊 

 

The new builder represents a reimagining of the typeform creation interface (aka the Create section), complete with new features to help you make smarter, more beautiful forms. 

 

I put this video together to help give an overview of how to create typeforms with the new builder:

 


 

Looks pretty nice, right?

 

Rather than having you play a tedious game of spot the difference, let's delve into the specifics of what's different in the current version (and why it's better!)

 

Make your forms even more beautiful

 

We listened to you when you said you wanted more customization over the way your typeforms look. We realize that being able to be yourself and/or your brand is important (I mean, d'uh, right?!), so we beefed up the builder with a bunch of new design features. Check out my explainer here, or skip below to read what's new:
 

 

Image editor 

 

A new image editor gives you more control over the images you add to your typeforms. From cropping and rotating tools, to preset filters and color adjustments, you can make sure your forms are looking  crisp.

 

Gallery 

 

All of the images you’ve used in your typeforms are now stored in your own personal image library. You'll find this in the "My gallery" tab. This is perfect if you find yourself reusing the same images across different typeforms (like your company logo, for example). 



 

czPhRJqWnROMIYAHK9bbxEEu1rzZJaqyPsEWx1vqZykJJ1CHSZI4uBhvPG1rFDPINiwfwryOJqNhjQoyWTU_csSeq5vNGE9j7pSUXdqmdijDr0C-aBs7gy1ZbvUGXZmAQPjPqYu7

 

Fonts  

 

Want more control over form typography? You got it. The new builder allows you to adjust the size of the fonts and change text alignment. See this Help Center article for more.

 

Layouts 

 

If you haven't tried the Layouts feature yet, you're missing out. Click the Layouts button to unleash your creativity and dress each question in your typeform to impress. With the new version of the builder, you can tweak Welcome Screens and Endings ("Thank You Screens" in old builder speak) using Layouts.


 

Make your forms even smarter

 

To help you have richer interactions through your forms, we've added more capabilities to logic and variables, completely rethinking how these features work.

 

We've split out Logic into Simple and Advanced:

 

  • The Simple logic area is where you can set up branching to route people down different paths in your forms depending on the answers they give.
     

  • The Advanced logic section is where you can add variables, hidden fields, advanced logic and calculations. 

 

We’ve made these changes to make it easier to add personalization to your forms and to better facilitate popular use cases like lead scoring, recommendation engines, and respondent categorization.

 

Here, I'll explain a bit more about what you can do with logic and where to find the various features:

 


 

Variables  

 

Variables are numerical values you can assign to the answers in your forms, like score, price, or other customised variables. Before, you were restricted to just one variable…  Now, you can have as many as you like! This allows you to do cooler stuff like tracking multiple scores in a quiz, or calculating prices in an order form.

 

You can brief yourself on how this all works by checking out this Help Center article. Here's a little demo that @Jo-Shan  put together to explain how to add multiple variables in the context of a quiz:

 


 

Hidden Fields 

 

Hidden Fields are now also part of the Advanced Logic section. If you aren't familiar with the feature, it’s  essentially a way to send data that you already know about a user through your typeforms. It can be used for things like:

 

  • Tracking which campaigns respondents came from 

  • Segmenting your audience for deeper insights

  • Customizing your typeform to make it feel more personal by inserting information that you know (such as name, company, department, etc.) 

 

Check out the Help Center article or watch my explainer below to get the low down on Hidden Fields:

 

 

Other changes that will make your life easier 

 

Aside from the new design and logic capabilities, we've made other tweaks to the builder to make it quicker and easier for you to get the job done with Typeform. Here are some highlights:

 

Help widget

 

A Help widget is now available in the bottom right corner of the interface. Just hit the Help button if you ever get stuck and you'll find handy information to help you solve your issue. You can click the little arrow icon to expand and read more on our Help Center.

 

MmnfeyEJkbj_0_wrJI_Cnx__N17UsabWVMgA_Ecynfj9SuwE6nKIwNJcydoWkNxyMBZa7jlneO3LKsDJ2_8nHoZH7NFHSra4QFTwjjNF2A5aZz891YsZkP2ILn4JOgwhkMip8b4L

 

Live Preview 

 

Now it's easier to preview how your typeform will look on mobile and desktop devices. Just click on the little 👁️  button at the top and you can interact with the form as if you were a respondent.


 

 

UTM Tracking 

 

We've made it easier to turn on UTM tracking for certain parameters including source, medium, campaign, term and content, so that you can analyze the performance of your Typeform campaigns. You can now access this feature straight from the Settings menu.

 

JTn_34xO7XMijujUagDCs_PgO32gIXuiCJ3yn8J9dUMLh0I6nMc3yOw_NHdbnsh_SUFzwxACqSOVLFmZLlvgB57MBLv2fo93gnAQh8baOFbpGKE6zrEMmtx54UmX_E7FHmeXJIOu
 

Integrations search bar

 

Did you know that we now have more than 75 native integrations (and counting)? Because of all the new additions, we've made it easier to find integrations with the apps you use by adding a search bar to the Connect panel. 

 

sbvF0o2GaZrUdetdyh4-4GDD3_wXNhMiOnUrk9cvRJ162gY0Ns9F6OS4tNFFMJ08slvBb8pBE550zuPixXTkNG017GNB1ccsPXIQ2Y9yuO3ul7hwx17GQ9L0vK4ImLyvUqd8fDaj


 

Two new question types 👀

 

As if all this wasn't enough, we're also rolling out two new question types with the new version of the builder 👀
 

Ranking question

 

This is a personal favorite (or shall I say, top ranking) of mine. The new Ranking question block lets you highlight a series of items that your respondents can rank in order of importance. Each question will be turned into an item with a number that can be adjusted. Respondents can also drag and drop items if they prefer. It's perfect for surveys, or even for personality quizzes! 

 

Note: This one is still a WIP, and the ranking question still doesn't support logic or randomized option ordering. 

 

2heT5Z8sy-rPiCvh3mxtCKmxSqOU58cwJurWf6fJrHeHWd3YpQr6TPZgLTxxFKan4b2p9Rr6bS-N5UVVpUP8TmVdCIBKanPC9H_K5VPOfHQBBYdUhTWWL38LDZLbcMNamTYBO5UR


 

Matrix question 

 

Want to collect quantitative data around people's attitudes towards things? A Matrix question is a closed-ended question type that lets your respondents evaluate more row items with the same set of column choices.

As with the Ranking question type, the Matrix block is not logic-compatible yet.


 

Ods-8Lb4hrOrKCbb4_tVmVavMiwmZDOYcQhFw49OmXOkntsD8d9tmXr0CODYfqd6_kx-VpF3VPmuNBPan9OgDDygfgbw8gqmfimB_vCkb_VnYeOz_QUHOGmPJfCGq2R-Z0WRH0bp



 

Check this typeform to see how these new question types look in action:

 

 

More resources
 

That’s a lot of tasty treats to try, I know. I suggest you take your time to explore the new builder and play around. Then, if you want more help and inspiration, you can check out more content here:

 


Oh, and if you don't have access to the new builder yet, don't worry. The roll-out is an incremental process and you will get access in the coming weeks. Think of it like a vaccine 😬

 


Have you had a chance to play around with the new builder yet? What do you think? How does it shape up against the classic version?


7 replies

Userlevel 7
Badge +5

So much to love about the new builder :heart_eyes:  I think my fave thing is that the new logic features unlock more possibilities for creating online order forms really easily. I feel this is gonna become a real stellar use case given the transformations in business that are happening. 


Thanks for these amazing explainers @suzieq I picked a terrible time to watch the pizza order form video though. I'm wiping the slobber off of my keyboard to write this. Please can you make your pizza shop a reality?​​​​​​​

Userlevel 7
Badge +6

@suzieq - thanks for all this .. lots of info in there that will take a while to ‘unpack’. Am looking forward to the Matrix question having the logic associated with it - it will reduce the number of questions in one of my assessment typeforms from 35 down to 7, if only i can recall and use logic on the matrix results. 

 

@James - I know re the pizza - thankfully there were a couple of slices in the fridge from last night’s dinner that were available to gnaw on after being reminded that i was hungry lol.. 

 

these are all great improvements and I am looking forward to seeing more come out soon!

 

des

Userlevel 4
Badge +2

@James I am also a huge fan of the new Logic! I think it can really take forms to the next level and hope people enjoying using it as much as I do 🙂 As for the pizza shop… I’ll open one up only if I can find a unique name for it. Seems like all the good ones are taken :sweat_smile:

 

@john.desborough For 35 to 7 ?! That’s amazing!! I’d say it’s justification enough for adding this question type. And take your time with unpacking the shiny new Typeform, it’s not going anywhere :) 

Userlevel 7
Badge +5

@suzieq thank you for this!! I didn’t even realize we had a help widget in there now, too. 🙂 So handy!

Userlevel 1

The new editor has opened up a world of possibilities while still enforcing the more conversational style of typeforms.  I love the new logic editor, the multiple values and the ability to perform simple calculations so that I can revisit and simplify some of my more complex old-style typeforms and change my approach on new typeforms.  Digital Engagement  just took a huge leap forward -  great work typeform

How can I upgrade to new editor?

Userlevel 7
Badge +5

Hi @larvuz. Great question! :) 

The New Builder requests are handled by the support team at the moment. For more information about this and how to contact them, you can check this thread: 

 

 

Hope this helps! We are also excited for you to test it as soon as possible 🤩

Reply