Designing Awesome Emails

by prasanth on March 29, 2014

Website-generated e-mails provide an important channel of communication with your users. But many web designers don’t plan properly for these emails. Examples of auto-generated mails include: order verification after a purchase, auto-response after completing a contact form, or registration confirmation. A close look at these kinds of mails shows that their structure, wording, and flow can be improved to make a better impression on the customer. In fact, some emails don’t even pass through the spam filter.

Here are vital tips that can help you to design better automatically generated emails.
[click to continue…]

{ 0 comments }

How to add google analytics to your form

by prasanth on February 25, 2014

Do you know how many users to your form actually finishes and submits the form? Without tracking the success rate, you can’t improve your form for better conversion.
In this post, I will show you how to add Google analytics to your form and how to track the conversion rate.

Simfatic Forms Custom Code Box

The custom code option in Simfatic Forms allows you to put any type of custom code in your form page. This opens many opportunities to customize your form.
To get to the Custom code box, go to the ‘Draw the form’ page. Under the ‘Standard’ tab, there is a ‘Custom code’ button.
custom code box

You can copy and paste the Google analytics tracking code to Form Page Only-> Footer section. (where to get the google analytics code? see here )

google analytics code

analytics pasted

Tracking Goals

Goals allow you to track the number of users who completed the form. When the user has submitted the form, Simfatic Forms displays the “Thank You” page.

“Thank You” page URL

We can track the goal completion using the “Thank you” page URL. One of the easiest way to track goal completion is to use the thank you page URL as the goal completion in Analytics’ goal setting.
You have to have a thank you page where the user is redirected after the form submission.
thankyou page url

Then Use that URL in the Goal setting:
analytics goal setting

goal setting url

Remember you need to have the analytics code in your Thank you page as well.

Generated “Thank You” page

If you are using the generated “Thank You” page, you can track the goal completion here as well. (the second option in Simfatic Forms “Thank you” page step)
thank you generated

In this case, we have to embed a slightly modified version of the analytics code in the “Thank you” page.
Press The editor button and then select the source tab.
In the analytics tracking code, search for _trackPageview and replace the line with updated code:

  _gaq.push(['_trackPageview','/forms/courseform/thankyou']);

give any meaningful URL instead of /forms/courseform/thankyou
thankyou page custom code

Save and re-upload the form.

Now, put the same URL in your analytics goal setting.
analytics url setting

Advanced Ecommerce Tracking

Further fine-grained e-commerce tracking is possible through the analytics API (requires some custom Javascript coding See this link for API details ).
In Simfatic Forms, you can get any form element value in the “Thank you” page. For example, if you need the value of calculation field ‘total’, put %total% in the thank you page. You can use those values in the custom tracking code. For example:

_gaq.push(['_addTrans',
    '%_sfm_unique_id_%',           // transaction ID
    'CoursePrep',  // affiliation or store name
    '%total%',          // total
    '0',           // tax
    '0',              // shipping
    '%city%',       // city
    '%state%',     // state or province
    '%country%'             // country
  ]);

{ 0 comments }

Form Validation: Too Tight Validation Can Hurt

by prasanth on November 28, 2013

For your users, filling a form does not have to be a tough chore. Sometimes, too much validation may get in the way of a great user experience and the user may even give up filling the form. Though form validation is something essential for your forms, it is also good that you relax the validation and not insist on little details that will not make much difference in the end.

hard validations [click to continue…]

{ 0 comments }

Better Form Design: Starting with Labels

by prasanth on October 30, 2013

Any time the user interacts with a website or application is a critical point because it moves the conversation forward, and presumably closer to fulfilling the user’s objectives.
[click to continue…]

{ 2 comments }

Another Simfatic Forms 4.0 Update

by prasanth on June 10, 2013

Another release of Simfatic Forms 4 is available (Simfatic Forms 4.0.11)

Here is the list of updates in this release:
[click to continue…]

{ 14 comments }

Simfatic Forms 4.0 Update

by prasanth on April 8, 2013

Here is an update release of Simfatic Forms (Simfatic Forms 4.0.10 ). This release fixes some bugs and has a number of improvements.
[click to continue…]

{ 9 comments }

Simfatic Forms 4.0 Released

by prasanth on December 4, 2012

Simfatic Forms 4.0 Final version is released today. You can download from the link below;

Download Simfatic Forms 4.0

[click to continue…]

{ 17 comments }

Simfatic Forms 4.0 to be released on Dec 4th

by prasanth on December 1, 2012

The wait is over.

Simfatic Forms 4.0 will be released on Dec 4th.
[click to continue…]

{ 6 comments }

Simfatic Forms 4.0 Beta 7 Released

by prasanth on October 10, 2012

Here is a new release of Simfatic Forms 4. This release primarily contains bug fixes and general improvements.

Updates:

  • Preview opens in browser; added progress box on preview
  • Datepicker validates ‘live’ on selection
  • Better context menus in Draw the form page
  • Auto hiding Default text for textbox & multiline text
  • Better context menus in ‘Draw the form’ page
  • Many more improvements

You can download the new version from the link below:
Simfatic Forms 4 beta 7

{ 4 comments }

Simfatic Forms 4.0 beta 6 Available

by prasanth on August 26, 2012

A very new update of Simfatic Forms 4.0 is available for download.

Here are the highlights in this update:

Localization of Date, currency and numbers

Date localization
[click to continue…]

{ 12 comments }