4/09/2013

Crear un Formulario de Contacto

2 comentarios
Algo que es necesario en nuestro sitio web es un formulario mediante el cual los usuarios puedan acceder a contactar con los directores del sitio.

Hay una manera sencilla de hacer un formulario de contacto, y es utilizando la herramienta que nos brinda Wufoo.

Wufoo es una poderosa plataforma donde puedes crear cualquier tipo de formularios, y en su versión gratuita te permite crear hasta 3 diferentes formularios.

Wufoo se esta convirtiendo en el creador de formularios en linea líder a nivel mundial, gracias a su interfaz sencilla y diversa que te permite crear encuestas, invitaciones, formulario de contacto, etc.

Te mostrare como crear un formulario de contacto de manera sencilla, sin embargo recuerda que puedas agregar tantas cosas como tu desees y personalizarlo a tu gusto

Observa una demostración del formulario que haremos.

1. Registro en Wufoo

Ingresa a Wufoo.com y oprime "Sing Up for Free!"


Completa con tus datos los siguientes campos:

Con eso ya estas registrado en Wufoo

2. Crear el Formulario

Para esto oprimes el botón "New Form"
A continuación tendremos varias opciones y elementos para agregar a nuestro formulario de contacto.
En este caso solo utilice algunas: 
  • Name
  • Email
  • Website
  • Paragraph Text
Si tu deseas agregar alguna otra casilla, puedes seleccionar la que necesites y automáticamente se agregará.

En las pestañas "Field Setitngs" y "Form Settings" se pueden personalizar y modificar algunas características de cada casilla y del formulario en general; hazlo a tu gusto.

Cuando este listo el formulario dale clic en "Save Form"



Después te aparecerá lo siguiente, y allí debes elegir la tercera opción "I'm finished! Take me back to the Form Manager"


3. Configurar notificaciones por Email y obtener el código


  • Notificaciones
Oprime en "Notifications" para ir a agregar el Email a donde llegara cada nuevo mensaje de contacto


Estando allí, agrega tu dirección de correo electrónico a la cual llegaran todos los mensajes.

En "Set Reply To", elige Email. De esta forma cuando vayas a responder los mensajes que te han enviado, estas respuestas irán al Email de quien te envió el mensaje.

A continuación oprime "Save"

  • Obtener codigo
Dirigete de nuevo al Form Manager y esta vez elige "Code"


Selecciona "Embed Form Code" y copia el primero código JavaScript


Muy bien, esta todo finalizado con Wufoo.

Ahora ve a Blogger - Paginas - Pagina Nueva - Pagina en Blanco y estando en la pagina elige HTML

Pega allí el anterior código que has copiado, ponle un nombre a la pagina; por ejemplo: Contacto y publícala.

Ahora ya tienes un pagina de contacto muy profesional.

Cualquier duda o pregunta, coméntala  y con gusto te responderé.

2 comentarios:

  1. Excepcional entrada y explicacion.

    Me fue de mucha utilidad. MIl gracias

    ResponderEliminar
  2. que bueno, yo uso EmailMeForm.com pero igual, excelente :)

    ResponderEliminar

Publicar un comentario

Recibe actualizaciones en tu Email :)