Como añadir un formulario de contacto en un blog de blogger - Elena Rueda | Quien es Elena Rueda Piazuelo

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

Elena Rueda

Elena Rueda

Soy natural de Alcañiz (Teruel – Spain).En la actualidad trabajo como Marketing Manager, Community Manager, webgardener y soy formadora.

Trabajé durante 10 años en diferentes empresas en puestos siempre relacionados directamente con el cliente.En el 2010 comencé mi andadura profesional como consultora de marketing online y fundé Mucca Marketing Online (http://muccamarketingonline.com), agencia de servicios especializada en Imagen y comunicación en internet, formación e INBOUND MARKETING.
Elena Rueda

22 Comments

  1. Helena 30 octubre, 2012 Reply

    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.

    • Elena Rueda Author
      ElenaRueda 31 octubre, 2012 Reply

      Hola Helena!

      He estado dando una vuelta por tu blog y me ha gustado mucho, muy fino y elegante, fondos claros y colores cálidos, Enhorabuena!

      En cuanto a cuestionario, te faltaría añadir la LSSI

      http://muccamarketingonline.com/contacta/

      Un saludo!
      Elena

  2. Joan Carles 12 noviembre, 2012 Reply

    Es muy útil, solo me falta una saber como el formulario puede ser visible a todo el mundo a través de mi blog. Resulta que si no tienes cuenta de gmail no puedes rellenar el formulario. Es así?

    Gracias
    Jc

    • Elena Rueda Author
      ElenaRueda 12 noviembre, 2012 Reply

      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

  3. Jonylito 13 noviembre, 2012 Reply

    Funciona de lujo, al principio ha costado que me acostumbrara a la interfaz de GDrive, pero al final me ha quedado genial.

    Muchas gracias!!

    • Elena Rueda Author
      ElenaRueda 14 noviembre, 2012 Reply

      Me alegro que te funcione Jonylito!
      Un saludoooo

  4. Edgar 17 diciembre, 2012 Reply

    Gracias Elena!!! No pensé que pudiera ser tan sencillo. Buenísimo. (Por cierto, te ves wuapa en esa foto 😉

    • Elena Rueda Author
      ElenaRueda 18 diciembre, 2012 Reply

      Gracias por visitar mi blog!… Y me alegro que te haya servido la entrada…
      Un saludo
      Elena

  5. pedro 31 diciembre, 2012 Reply

    Gracias, pero como puedes modificar el alto (height) y el ancho (width) para amoldarlo a tu blog.

  6. René 9 febrero, 2013 Reply

    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

  7. MaestroSoda 13 febrero, 2013 Reply

    Muy útil la entrada!! Una duda. La notificación es un aviso, pero ¿es posible que con la notificación se envíe también el cuerpo del mensaje de contacto? Un saludo

    • Elena Rueda Author
      ElenaRueda 6 marzo, 2013 Reply

      Gracias por comentar…
      Creo que no, pero acceder al Google Drive y ver el cuerpo del mensaje son dos segundos ¿porqué motivo quieres recibirlo por correo electrónico?
      Un saludo

      • Nacho Sánchez 6 marzo, 2013 Reply

        Muchísimas gracias, Elena. Era simple curiosidad. Ya he visto la utilidad real de verlo en googledrive y además aporta el valor de no saturar el correo de información. Muchísimas gracias!!

        • Elena Rueda Author
          ElenaRueda 19 mayo, 2013 Reply

          Gracias Nacho por tu mensajeeeee! pásate por aquí cuando quieras… :-)

  8. MaestroSoda 13 febrero, 2013 Reply

    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

  9. Isabel 21 marzo, 2013 Reply

    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.

  10. Ideas Hábiles 24 abril, 2013 Reply

    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!

    • Elena Rueda Author
      ElenaRueda 13 junio, 2013 Reply

      Muchas gracias por tu aportación! Seguiremos a MaestroSoda.

      En cuanto al servicio antispam, la solución es sencilla. Pruebe si quiere el widget nuevo de Formulario de contacto.

      Un saludo

  11. Mario Martinez 20 mayo, 2013 Reply

    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

    • Elena Rueda Author
      ElenaRueda 13 junio, 2013 Reply

      Hola Mario,
      Compruebe que el código es el correcto. No tendría porqué no salirle.
      Un saludo

Leave a reply

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

     

*