Blog» Get to know your customers better (and easier) with Mugo Custom Forms

Get to know your customers better (and easier) with Mugo Custom Forms


Customer feedback is a powerful tool for decision-making in any business. Web forms are a popular device for gathering such information, but it’s critical that site operators can easily create forms with the right questions and formats that encourage user interaction. We created an eZ Platform module that lets editors build a custom form by selecting from multiple different input types and ordering the fields as desired. In this blog post, we’ll discuss key details of our Mugo Custom Forms module.

The main goal of Mugo Custom Forms is to create a flexible tool for editors to create forms with powerful functionality, such as field validation, e-mail notifications and easily accessible data that can be exported. With that said, let’s take a closer look at theses features.

Field Types

When creating a web form, editors must define what kind of information is going to be collected and in which format. For example, sometimes you want to ask a question and let the user type whatever they desire; other times you may want to restrict the answer to a predefined list of options. Or you may want to restrict form input to a predefined format, such as email address.

In our Mugo Custom Forms module, we include “types” that define the format and behavior of each field. Currently we support the following types:

Single/Multiple Choices: Editors can define a list of options and let users select from one or more items from that list, depending on choice type: select, select multiple, radio, checkboxes.

Mugo Custom Forms: Types

Date: This field type lets the user to pick a date from a calendar widget.

Mugo Custom Forms: Date Type

 

Date and time: Similar to the Date field type, but also allows the user to select a time.

Email: This is a text input field that accepts only email address. The Email type also offers a special option to send a copy of the collected information to the email address the user provided in this field.

 

Mugo Custom Forms: Email Type

Integer: Whole numbers (no fractions).

Number: Any number, including fractions.

Password: A text field that does not display what the user is typing; for use when asking for any sensitive information.

Text: Single line text.

Textarea: Multi-line text.

Since the whole system is based on Symfony Forms component, developers can create custom field types for specific purposes or extend existing ones.

Validators

Sometimes you may want to validate submitted form information against certain criteria. A common use case is text field input you need to limit to a min/max amount of characters or to a custom format.

Currently, Mugo Custom Forms supports only a couple of validators, but it can be extended to support more Symfony validators or totally custom ones. For example, we created a Library Card custom validator for a client that checks if the submitted text matches a certain alpha-numeric pattern.

 

Mugo Custom Forms: Validators

Organizing a form

When creating a form, editors can add any number of fields and sort them manually with drag-and-drop, as you can see in the image below:

Mugo Custom Forms: Ordering

 

Email notifications on submission

Mugo Custom Forms: Email Recipient

Editors can define a list of email addresses to send notifications of the collected information; whenever a user submits a form the system will send an email like this (it’s also possible to customize the email format):

Mugo Custom Forms: Email Message

Frontend display

Here’s an example of how the form is presented in the frontend:

 

Mugo Custom Forms: Frontend

 

If a field has a validator or is required, the user will see a helpful screen tip to that effect:

Mugo Custom Forms: Frontend Validators

Collected Information

Mugo Custom Forms provides a view that lists all submitted information. Editors can use this interface to view and delete entries, as well as export the collected information to CSV format for use with Excel or other spreadsheet software.

Mugo Custom Forms: Collected Information

Third-party systems integration

Mugo Web has plenty of experience integrating our solutions with third-party systems, and Mugo Custom Forms can readily integrate with your favorite CRM or marketing automation system.

Are you considering adding custom web forms to your eZ Platform web site? Contact Mugo for a free consultation!


Join our mailing list for news, events, tips, and tools

Related Blog Posts

Building an accessible website: How to create accessible forms

Forms are an integral part of many websites but they pose unique challenges for accessible websites.

Read more »

Building employee training quizzes with eZ Publish

We recently added "quiz" functionality to eZ Publish by extending the eZ Survey extension. The purpose of this functionality is to enable companies...

Read more »

How an insurance claims web app can enhance your business

Giving association members the ability to submit insurance claims online saves time and money for the Alberta Gymnastics Federation. Here we'll take a...

Read more »

5 common publishing workflows and how your CMS can make them easier

Hungarian psychologist Mihaly Csikszentmihalyi coined the term “flow” to refer to the positive feeling that results from being engaged in a focused...

Read more »

Comments

blog comments powered by Disqus

Hi, we're Mugo Web - Nice to meet you!

We're a group of web experts who solve complex web problems.

Learn more about us »

Search


Categories


Yes - we can do that.

Many years of experience with complex websites allows us to offer total solutions.

Learn more about what we can do »

We love our clients (and they love us too)

We've solved problems across North America and around the world.

Learn more about what we've done »

We tweet too

Follow us on Twitter for the latest Mugo happenings

mugo twitter page @mugo

© 2008 - 2019 Mugo Web. All rights reserved.