Improve Gravity Forms – Gravity Forms Addons Plugin

Download Gravity Forms Addons Plugin on WordPress.org

Gravity Forms + Directory Capabilities

Since Gravity Forms came out, it’s been transforming how WordPress can be used. It makes a contact form more than a contact form. It makes a contact form the basis for anything you can imagine.

The Gravity Forms Addons plugin has added Directory capability to Gravity Forms.

The directory shortcode

You can add a directory for any form using the directory shortcode. When you add the plugin, you’ll see a new button to the right of the Gravity Forms “Add Gravity Form” button. This pop-up has lots of configuration options. Click the “Show advanced settings” link for tons of configuration options.

Gravity Forms is Great. Let’s Make it Better.

To view one pane, the other panes close. What a pane in the ass! :-)
To view one pane, the other panes close. What a pane in the ass! 🙂

I really enjoy the Gravity Forms plugin. It’s a great form generator seemingly based on making a Wufoo-style experience for a WordPress form plugin.  It’s super-simple to use and set up, and I’ve set up my website request form using Gravity Forms.

Some little things make a big difference

One thing that has frustrated me about the plugin is that when selecting the type of field to add to the form, I had to click a box to show it, like the image to the right.  I knew that it would be a simple thing to fix…so I did.  Enter the Gravity Forms Addon plugin. Continue reading “Improve Gravity Forms – Gravity Forms Addons Plugin”

How to "Hack" VonageMe™

Integrating Call Me Link into Your Website

VonageMe™ is a new service from the VoIP service Vonage. If you have service from Vonage, you should have a VonageMe account.

How to set up click to talk using Vonage

Vonage uses a simple form to enable the calling feature. Instead of using their form, you can style your own…or you can create an anchor link using the following pattern:https://me.vonage.com/username?fromnumber=12223334444For me, that code translates to https://me.vonage.com/303zachary?fromnumber=13035551212

Three steps to VoIP fun!

  1. Go to me.vonage.com and sign in using your Vonage account login (this is to confirm you have the service).
  2. Fill in their information if you want, but it’s not necessary—you will see why next.
  3. Create a HTML form on your website with a text input with id/name “fromnumber” and the form action as https://me.vonage.com/username, with username being your Vonage username.

The final code:

<form action="https://me.vonage.com/username" method="post">
<fieldset><legend>Call me now</legend>
	<div>
		<label for="fromnumber">Your phone number</label>
		<input type="text" id="fromnumber" name="fromnumber" size="12" />
		<small>( 1 + area code + number ). No dashes or spaces, please.</small>
	</div>
	<div>
		<input type="submit" value="submit" />
	</div>
</fieldset>
</form>

Next steps for even better results

Using simple form validation Javascript, you will be able to weed out people who use dashes and spaces in their phone numbers, or even better, create a script to automatically reformat them. View Update below.

You can try the code out on my website as it’s currently formated. It uses the exact code from above, but replaces username with my Vonage username, 303zachary.

Update:

I’ve used the Adobe Spry Validation Widget to make sure that the phone number is properly entered. Below is the code to ensure proper number formatting:

var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "phone_number", {format:"phone_custom", pattern:"10000000000", hint:"Sample: 13033620451", useCharacterMasking:true});