Como añadir un formulario de contacto en un blog de blogger

ARTÍCULO ACTUALIZADO 15/10/13

Buenos días!

Siempre que puedo aprovecho este blog para contestar preguntas que suelen hacer alumnos de mis cursos o amiguetes que visitan mi blog.

En este caso intentaré explicar cómo crear un formulario de contacto para los blogs de Blogger.  En principio parece complicado pero ya veréis que no lo es tanto! IMPOSSIBLE IS NOTHING!!  Vamos, que nada es imposible… ya veréis…

CREAR FORMULARIO A TRAVÉS DE GOOGLE DRIVE

Crear formulario blogger 1

1.  En primer lugar tenemos que tener una cuenta de gmail, elemento esencial para toda persona que quiera estar en internet!

2.  Tendremos que ir a Google Drive para crear un nuevo Formulario. Puedes hacerlo a través de: https://drive.google.com.  Si no sabes cómo, no dudes en visitar nuestra entrada sobre cómo hacerlo.

Como puedes comprobar Google Drive o Docs te da la oportunidad de crear documentos en la nube así como presentaciones, hojas de cálculo e incluso dibujos… No desaproveches esta oportunidad para compartir documentos con tus conocidos… Pero más adelante hablaré de Google Drive y sus posibilidades…

Siguiendo los pasos que te va dando Google tendrás que crear el formulario para que quede así:

Crear formulario blogger 2

3.  Para finalizar, hay que obtener el código HTML para pegarlo en el gadget de Blogger a través de las siguientes acciones.  En la parte superior del formulario, en la barra de navegación, ves a: FORMULARIO y luego..

FORMULARIO -> Modificar Formulario -> Más acciones -> Insertar

4.  Entonces copia el código html que será el que pegaremos en el gadget correspondiente.

AÑADIR EL FORMULARIO EN LA PÁGINA CONTACTA DE TU BLOG

1.  Una vez copiado el código, ve a Blogger y edita tu página de CONTACTA.

2.  OJO!!!!… Pega el código html en el modo HTML y no en el REDACTAR!

Crear formulario blogger 4

Como puedes ver, puedes modificar el alto (height) y el ancho (width) para amoldarlo a tu blog.  En mi caso lo dejé en 550×600 pixeles.  Tu sólo tendrás que ir probando hasta que te quede perfecto en tu blog.

CAMBIAR LAS REGLAS DE NOTIFICACIÓN DE CONTACTO

Una vez pegado el formulario en blogger,modifica las reglas del formulario original que tienes alojado en Google Drive o Docs de una forma muy sencilla.

1.  Accede de nuevo al formulario CONTACTA y verás que te aparece como una hoja de cálculo con los siguientes campos:

Crear formulario blogger 3

Éstos se irán rellenando conforme vayas recibiendo mensajes de contacto.  Pero no sabes cuando te contacta la gente, verdad?

2.  Es entonces cuando debemos cambiar las reglas de notificación… pero cómo?  Muy sencillo, accede a:

HERRAMIENTAS -> REGLAS DE NOTIFICACIÓN

3.  Y activa las casillas que dicen que te manden un e-mail a tu dirección de gmail cada vez que:

1. Un usuario envíe un formulario

2. Por correo electrónico inmediatamente.

4. Dale a GUARDAR  y luego OK.

Y ya tienes tu formulario de contacto, de una forma muy sencilla, creado en tu blog!  ENHORABUENA!!!

Mirad qué bien queda…

http://lnarueda.blogspot.com.es/p/contacta.html

Si te ha gustado la entrada no dudes en dejar tus comentariosssss  :-)

Un saludo

24 comentarios en “Como añadir un formulario de contacto en un blog de blogger

  1. Pingback: Importancia de las páginas estáticas de información en tu blog « elenarueda.com

  2. Me ha encantado! Muchas gracias =) Puedes mirar como ha quedado en mi blog http:// personalshopperengranollers . blogspot . com . es/

    Si tienes alguna sugerencia para mejorarlo, no dudes en decirmelo!

    Besos,

    Helena.

    Me gusta

    • Hola Joan Carles,
      Gracias por visitar mi blog! y por dejar tu comentario…
      Cualquiera puede rellenar el formulario siempre y cuando deje un correo electrónico (ya sea de Google, Yahoo,.. o dominio personalizado) para que puedan contactar de vuelta.
      Si en tu caso no se puede, descríbenos un poco qué te sucede para ver si te puedo echar una mano…
      Un saludo
      Elena

      Me gusta

  3. Elena!!!

    Simplemente maravilloso tu trabajo e investigación referente a la creación de formularios… incluida la opción de notificación a correo electrónico…

    Es muy importante tener estas opciónes tan robustas, intuitivas y GRATUITAS ala hora de querer desarrollar blogs, webs, foros y en el ámbito que se requiera. Ya sea por ocio, estudio, trabajo y para grandes o pequeños proyectos. El tipo de ayuda e información que entregas libremente es fenomenal…

    Dejo el link de me formulario que he creado gracias a tu ayuda y tips varios:

    http:// www. info-latina . cl / p / contacto_9 . html

    Me gusta

  4. Otra duda… cuando edito en el cuerpo de la página, en la opción HTML, el código width a 600 me establece un ancho para el cuerpo del comentario de unos 5 cm en una pantalla de 19 pulgadas… algo estoy haciendo mal… además, cambiando 600 por 1200, no me aumenta el ancho del cuerpo del comentario. ¿alguna idea? muchísimas gracias por todo

    Me gusta

  5. Hola Elena, tú información me ha resultado muy útil, quería crear un formulario y no sabía cómo… el problema que tengo es que el fin del formulario que he creado es que haga las veces de ser una ficha de inscripción, por lo tanto no quiero que cree estadísticas de las respuestas, ya que cada una es independiente puesto que son datos de los participantes… se puede utilizar este tipo de formularios para este fin? y otra duda que tengo es que no encuentro la opción de “contacta” para incluir un email de notificación cada vez que alguien rellene el formulario…
    Muchísimas gracoas por tu trabajo.

    Me gusta

  6. Quiero agradecerte la realización de este tutorial. Me ha sido muy útil.

    Se echa en falta un servicio anti-spam (escribir un captcha en el mismo formulario) en esta herramienta de Google.
    Respecto lo que dice MaestroSoda, si que puede ser útil ver el cuerpo del mensaje en el correo, para ver la fecha in situ, o para leerlo más asequible desde un smartphone.

    Te dejo aquí mi Blog: http://ideashabiles.blogspot.com.es/

    ¡Salud y gracias!

    Me gusta

  7. Hola que tal? gracias por su aportacion, sabe yo lo hice como ud lo indica, peros al momento de pegar el html, y mostar el blog, no me sale. Que consejo me da gracias. Saludos

    Me gusta

  8. Pingback: Como crear un formulario de contacto en Google Drive | Elena Rueda Piazuelo

  9. Me gustaría saber si se puede configurar un auto responder para esas entradas de email que vallan entrando en el formulario y así programarle email de salida por día y que no se repitan a los que ya se les ha sido enviado los primeros email de autoresponder.

    Me gusta

Anímate,... Deja tu comentario AQUÍ!

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s