Crear un formulario de contacto para el blog

  • noviembre 5, 2011

 Tener un formulario de contacto en el blog puede ser de mucha ayuda, ya sea para que el usuario se ponga en contacto con el administrador, para env??o de sugerencias, encuestas, registros, etc.

Vamos a ver c??mo crear un formulario a trav??s de un sitio externo, en este caso deEmailMeForm. Es un servicio gratuito para crear formularios de contacto bastante completos y totalmente personalizables. No necesitas saber de programaci??n y lo puedes implementar dentro de tu blog sin complicaciones.
  1. Primero debes ingresar a EmailMeForm y registrarte (te toma dos minutos).
  2. Ya que has ingresado a tu cuenta selecciona add form
  3. Aparecer?? un mensaje, para que sea m??s sencillo haz click en la primera opci??n que diceGo to the Template section. I’d like to choose from a list of pre-made forms.
  4. Ah?? aparecer?? un formulario base que puedes modificar, s??lo haz click en el bot??n que dice Customize
    customize button
  5. Del lado izquierdo aparecer?? un ??rea color gris, es ah?? donde haremos las modificaciones: en Form title escribe el t??tulo del formulario, en Description un texto que ir?? arriba del formulario, puede ser las instrucciones o algo explicativo; en Confirmation Options elige si quieres que al enviar el formulario aparezca un texto o reenv??e a una p??gina Web, enLabel Placement puedes elegir de qu?? manera se mostrar??n los campos a rellenar, enStyling Options puedes poner el c??digo de una imagen si lo deseas as?? como otras opciones para usuarios que conocen m??s sobre CSS.
  6. Ya que lo has personalizado de modo general ve a la parte superior del ??rea gris y selecciona Field Settings, haz click sobre un campo y te aparecer??n las opciones que puedes modificar, ah?? cambia el nombre de la celda as?? como el resto de opciones que quieras agregar.
    Haz lo mismo para todos los campos.
  7. Si quisieras agregar m??s campos haz click en donde dice Add field y elige el tipo de campo que quieres agregar y configuralo a tu gusto.
  8. Cuando hayas finalizado con el formulario haz click en el bot??n que se encuentra en la parte de abajo.
  9. save button

  10. Aparecer?? un mensaje, elige la opci??n 3 que dice Take me back to the Form Manager, ah?? aparecer?? otro mensaje para seleccionar opciones de correo, como si se le enviar?? una copia del formulario a la persona entre otras cosas. Guarda los cambios.
  11. Para finalizar veremos que aparece el nombre del formulario y debajo unas opciones, haz click en Code y copia el c??digo que dice ‘HTML with Javascript/CSS’, ese c??digo lo puedes pegar dentro de una entrada o una p??gina est??tica procurando no dejar espacios entre cada l??nea. Se recomienda que cada l??nea del c??digo vaya pegada una detr??s de otra sin dar saltos de l??nea (ENTER), eso evitar?? que se formen espacios y que aparezca la etiqueta <br /> dentro de los campos.

    emailmeform

Como ven los pasos son muy simples, y aunque est?? en ingl??s no es complicado entenderle. El resultado se ver?? m??s o menos as??:

Enlace | EmailMeForm

No Comments Found