Tips & Tricks

How to navigate better inside the form editor

123FormBuilder

by 123FormBuilder

Experienced sailors know the secret to successfully crossing oceans and seas in their voyage – it’s all about having a smooth navigation.

While form building is not as dangerous as passing through stormy seas, navigation still plays an important role when you’re here to build powerful tools for your business. This week we’ve launched a major update aimed at improving the way you can navigate inside the form editor. A new sidebar and a cleaner header that are fully mobile responsive are now live! Check out more details about each one below.
 
Sidebar navigation

Ask any UX designer today, and he’ll tell you this – sidebar navigation is the cleanest and easiest way to move around a website. We felt that the old way of moving around the different parts of the product wasn’t as consistent as we wanted it to be. That’s why we’ve introduced a new sidebar panel. With it, you can switch between your dashboard, form list and sub users fast. Also, you’ve got links to your account information panel, and to a help button in case you, well…need help with anything.
 
sidebar-gif
 
Better header categories

We wanted to stand by our 1-2-3 form building formula as much as possible, so we took a look at how users are navigating between tabs to optimize the interactions even more. While the new version isn’t that much different visually from the old one, we’ve moved some stuff in the dropdown lists of those tabs.

The Edit tab now includes links to all places that are related to editing your form. You find the Themes part here now, and you can easily switch between the field list and theme editing. Renaming the form can also be done here, as well as undo/redo.

The Settings tab is pretty much the same. You still have a list linking to all the options that you can edit. The Publish tab has everything you need to put your form live, as well as preview the final form.

The new Results tab is something we’ve been thinking of doing for some time now. Before, submissions and reports were separated into 2 different parts, but essentially they represent the same thing – the results you’ve gathered with the form. Now you can access submissions and reports lists through the Results tab.
 
new-header-gif
 
What’s more, the new additions were all made fully mobile responsive 😀
 
mobile-view-gif
 
The changes are being released for a part of our users only, so we can see the effects it has on form building. In case you don’t see them yet, don’t worry – it will be live for you soon.

What do you think of the new navigations options? We’d love to hear some feedback on it, so drop a comment below!

6 comments

  1. I’m not seeing the change in the header categories – still see separate Submissions and Reports tabs. And I can’t find Themes – it is not under the Edit tab as stated above. In fact, I get Theme errors (as already reported in a ticket, but got no answer yet)

    1. Hi! I hope your forms are doing well 🙂 If you need assistance, you can contact us through live chat (the live chat widget appears on the bottom right corner of your screen when logged in 123FormBuilder), or send an email to support@123formbuilder.com and one of our support specialists will help you.

      Thank you!

  2. Hello,
    I am writing to tell you that the heading and paragraphs under the header of the form “hill” do not display properly on mobile phones.
    Optimization is poor on wix.
    Thank you

    1. Hello,

      We are aware of this issue but don’t worry, it will be live for you soon and you will see soon the effects the new editor has on form building.
      Please accept our sincerely apologizes.

      Thank you!

Leave a comment

Your email address will not be published. Required fields are marked *

You love forms as much as we do?

Then share your form story with us! We will read all the submitted cases and reach out the selected ones for further details. The chosen ones will have a case study created and will be featured in our blog, newsletter and social media channels.