Creating New Webforms

by Rob Slade on March 30, 2010 · 3 comments

Coming soon to a Bronto near you, our new webforms interface! We’ve redesigned our way of building webforms and I would like to take a few moments to show you some of the basics of how it will look and perform.

In Bronto, we have a link where you can go to preview the new webforms and start to get a feel for how they work. To access this link, jump into the current webforms area of your account and click on .

On the following screen, click Take Me To New Webforms. You should now see our new webforms area. This screen will look very similar to the previous webforms area with a list of the webforms you can edit, as well as the option to create some additional forms. Let’s take a look at how a contact add webform is created.

As you can see, it now looks very different. However, the new webforms area is designed to be much easier to use, with a more intuitive interface. Each section is now a drag and drop area, so when you create your webform, you will move the elements you want to your webform, and drop them where they need to go. In the left column, you will have the choice of moving rows with 1, 2, or 3 columns into the work area. Below the row selection, you can drag and drop your Fields, Lists, or any Text & HTML you want to be a part of your webform. At the top of the work area, there are some elements you will be required to add, such as the email address field, the submit button, and some optional elements like an email verify field or the Text/HTML preference option checkbox. Below is a screen shot showing the elements you can drag over to the webform work area.

In the next screen shot, I have dragged a row with two columns and added in the require email address field, submit button, and the fields First Name, Last Name, and City. The Email Address and Submit button are located in one column, and the fields are located in the second column.

Once you have added the elements to your webforms and set them up where they are going to be located, click the button to save your webform changes.

As you build your webform, you can also preview the layout by clicking the button located in the upper corner of the webforms page.

More elements of the new webforms will be available in the near future, but hopefully this gives you a quick insight into the way the new webforms are created. I invite you to spend some time trying out and testing some of the new webforms functionality, and please feel free to leave comments on what you think.

Rob Slade
Client Support Specialist
Bronto Software.

Related posts:

  1. Getting Comfortable With New Webforms Bronto’s Spring 2010 Release is finally here, and with it,...
  2. Editing CSS in New Webforms Using custom CSS in a webform can be a great...
  3. Advanced Webform Usage As a follow up to the blog post on Creating...

{ 1 trackback }

Advanced Webform Usage in Bronto
04.27.10 at 9:29 am

{ 2 comments… read them below or add one }

1 Cory 04.05.10 at 3:25 pm

Great to see a new webform interface. The current interface leaves a lot to be desired. Was suprised to find out that there is no way to migrate existing forms to the new builder, all forms need to be re-created. Lots of work for people that have several agency accounts.

2 John Gunther 04.05.10 at 4:10 pm

Cory,

Glad to see you like the new Webforms interface. You are correct that there is no simplistic way to migrate from old to new Webforms, however, old webforms will continue to work even after you switch to the new Webforms. So, if migration is proving to be a burden, consider leaving your existing Webforms as is, and only using the new Webforms interface to create new Webforms. I can tell you that I have taken your suggestion to our development team and a Webform migration feature is being considered.

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post: