Enterprise Forms for the CIO, Part 2: Custom Form Building Backend

Enterprise Forms for the CIO, Part 2: Custom Form Building Backend

#TuesdayTemplate
Tuesday Template: Better Reviews With Restaurant Surveys
April 22, 2014
Church form
3 Reasons To Use Forms In Church Management
April 28, 2014

Enterprise Forms for the CIO, Part 2: Custom Form Building Backend

Enterprise

EnterpriseOne of the best things about being in a CIO’s role is that you get to set up not just momentarily technical solutions, but entire frameworks. Everybody is way past the “there, I fixed it” way of thinking, as it becomes more and more obvious that teams need dedicated and reliable systems that work at all times and help you achieve consistent tasks rather than isolated tools to do this and that.

In this article we will take a look on how to set up your own custom form building environment using 123ContactForm’s enterprise-ready framework. This is the second part of the Enterprise Web Forms series, dedicated to large companies and agencies or resellers that need to integrate a form building tool into their systems.

White label form building solutions are a great fit for you to hit high gear with your web forms. If you represent a company using proprietary software platforms and need to create forms on-spot, you’ve come to the right place. Also, if you provide web design services to others, white label forms can come in handy for any type of customers you may have. When you need to set up your own white label module, the best way to get started is to fill in the form for our Enterprise plan. We will get back to you with guidance within maximum 2 business days.

Quick, customized, organized

As you create your forms, 123ContactForm provides your form building backend where you can view submissions, reports and stats about your form activity. The same elements can be preserved when you wish to create your own form building environment, but customized in a way that will reflect your brand. The form building module can be adapted to such extent that it blends perfectly with the image of your company. All you need to do is to tweak the predefined structure with a bit of external code. This is done one time and lasts as long as you keep your 123ContactForm account, and our team can also give you a hand in setting everything up.

First, decide upon the looks and functionality you need from your custom form building control panel. Then insert design controls by linking your 123ContactForm account with the URL where your CSS file is located (as described in our guide). This way you can adapt your form building backend with the colors and menu items that represent your brand, in order to create a familiar look for the users that are going to log in here. You can also add your own logo to replace 123ContactForm’s one on every instance.

You can also alter the behavior of your 123ContactForm backend using external JavaScript. With the right code, you can add mouseover effects, popups or any other functionality supported by JS.

When you prepare the backend for a large team, or for externalization, it may come in handy to provide users with means for contacting the support crew of your company and ask for help whenever needed. The default footer links that your account comes with are the Support, Help and Contact ones of 123ContactForm. When it does not make sense for sub-users to reach out to us, but you need them to contact you instead, just set your own Contact, Help and Support links in the My Account section. From then on, users will quickly find the way to get in touch with your team directly from their control panel.

Before and after: a makeover

With a bit of creativity, great things can be done in transforming the general 123ContactForm backend in a custom, proprietary one. For your inspiration, we’d like to showcase the customization created by one of our awesome customers, NextWave. This backend represents a form building module which is part of the NextWave website builder. Please note that the screenshots from the NextWave website are made from a beta version, which may be subject of further redesign.

The road begins once you sign up for a NextWave account. You automatically gain sub-user access to the form builder originally provided by 123ContactForm, and a discrete menu button marks the spot where you can access your Forms section.

NextWave

The Form module of NextWave offers users the same controls in the 123ContactForm dashboard. Everything looks consistent with their platform style, while a sharp eye can detect the elements that have been transmutated. The first image below is from the NextWave control panel, while the next one is the original 123ContactForm backend. Can you spot the differences and similarities?

NextWave control panel

123ContactForm backend

Let’s try and pinpoint the main elements of the control panel. First of all, the 123ContactForm logo in the top left has been replaced with the NextWave logo – that’s easy to notice. As every NextWave user is already a sub-user in the 123ContactForm environment, the Users section from the menu is not necessary anymore and has been removed. Also, the logout link has been hidden and replaced with a menu item for returning to NextWave: Close and Go Back to Website Editor. 123ContactForm system messages have also been wiped off, to lose all mentions to the external service.

The same appearance guides you through as you configure and set up a new form. At the final step, instead of all the options for publishing the form on various channels that 123ContactForm originally offers, you now have a straightforward message that signals your form is ready and you can return to NextWave to edit your website.

finished form

Back to your NextWave account, you will find a New Block menu item that leads you to the section where you can insert a form in your website. All you need to do is pick the right form from the dropdown menu.

NextWave form module

Enjoyed the tour? Ready to discover the power of white label forms for your business? Contact us to get started!

Leave a Reply

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