Otro formulario de contacto

Hace unos meses comentaba sobre FormLogiMix, un sitio que nos permite agregar un formulario de contacto en Blogger, algo bastante difícil de hacer ya que son pocos los lugares que ofrecen este servicio de manera gratuita y con un código que podamos adaptar.

Lo utilicé durante varios meses pero, de un tiempo a esta parte, por motivos diversos, comenzó a tener problemas. Más que nada, problemas gráficos ya que agregaron un banner publicitario pero el diseño que uno creaba no era respetado y terminaban desapareciendo botones o haciéndo que todo fuera demasiado confuso.

Buscando en la web, me encontré con un post de Los Blogos donde se hablaba de otro servicio y se explicaba el proceso para insertarlo en Blogger. El resultado es el Formulario de Contacto que está en funcionamiento desde hace un mes y que, por lo visto, no tiene ha causado trastornos importantes.

El servicio es Webformdesigner, allí nos dirigimos y completamos el registro, ingresando nombres, dirección de email y la URL del blog. Hay una serie de opciones que conviene aclarar:

Where to send your form data: ahí colocamos la dirección de correo donde queremos recibir los envíos.
Autoresponder: es un texto opcional que puede se enviado cada vez que alguien utiliza el formulario (saludos, agradecimientos, etc) Si no se quiere emplear, se deja en blanco.
Redirect: podemos poner una página determinada a la que redireccionará al visitante una vez que ha enviado el formulario.
Redirect Error Page: podemos poner una página determinada a la que se redireccionará al visitante en caso de producirse algún error.

Una vez completado esto, hacemos click en el botón Register Me y recibiremos a vuelta de correo una contraseña y un FormID, un código que deberemos utilizar para crear nuestro formulario.

El servicio no provee ningún script ni código HTML por lo tanto, el formulario podrá tener el diseño y los campos que nosotros queramos y podremos colocarlo en la sidebar o en un post especial que publicaremos deshabilitando la opción de comentarios.

Por razones de espacio, he elegido esta última alternativa así que, creamos una nueva entrada y le damos una fecha lo suficientemente "antigua" como para que no aparezca listada "normalmente". Allí, en Edición HTML, agregaremos un código similar a este:

<form name="Contact"
action="http://www.webformdesigner.net/wfd_f2.php?id=FormID"
method="post"
enctype="application/x-www-form-urlencoded">
<label for="Sender">Nombre:</label> <input name="formName" size="35" type="text"/>
<label for="Mail">Email:</label> <input name="formMail" size="35" type="text"/>
<label for="Message">Escriba su mensaje:</label>
<textarea name="formMsg" rows="10" cols="40"></textarea>
<input value="Enviar" type="submit"/>
<input name="resetBtn" value="Reset" type="reset"/>
</form>

Donde FormID es el código que recibimos previamente (algo similar a DD45hxmbkd).

El formulario puede tener todas las entradas que se nos ocurra. Por ejemplo, si queremos que haya un campo para que se ingrese la dirección URL del visitante, agregaremos:

<label for="Mail">Dirección URL:</label>
<input name="formURL" size="35" type="text"/>

Lo mismo vale para la diagramación gráfica, la posición, el tamaño o el estilo de cada control y del post en genral, podemos hacerlo tan simple o complejo como nos guste.