28 de octubre de 2014

Tutorial Blogger: formulario de Contacto

Cuando realizamos la pestaña de contacto para el blog. Se crea un dilema, "¿de qué forma pongo mi email para que puedan contactar conmigo?".

Está la opción simple, que es crear una página, en la que podemos poner una pequeña introducción y el mail:
Para ponerse en contacto conmigo... este es mi email.

Pero creo que para dar un poco más de presencia, y profesionalidad. Para el apartado de contacto nuestro blog se merece un formulario.

Así que.. vamos a ello!



En primer lugar nos dirigimos a la página de foxyform.

Foto del tutorial foxyform

Aquí vamos a limitarnos a ir rellenando el formulario.

    1. Configuración

Seleccionamos las casillas que queremos que aparezcan en nuestro formulario, al lado de estas hay una opción de obligatorio. Si lo marcamos, será un requisito indispensable que nuestros lectores rellenen esa parte  antes de mandar el formulario.

Por defecto vienen marcadas apellido email, pero si le damos a mostrar más, nos saldrán más opciones.

Foto del tutorial foxyform


    2. Configuración avanzada.


En la que personalizaremos nuestro formulario, dándole un color de fondo, seleccionando el color de la fuente, el tipo y el tamaño, (al final de esta misma pagina nos mostrará una vista previa del gadget). Aquí tenemos que tener en cuenta que no acepta todos los códigos hexadecimales por lo que si clickamos encima de colores nos reedireccionará a una página con todos los colores que acepta.

Foto del tutorial foxyform

    3. Dirección de correo electrónico destino.

Aquí introducimos el mail donde queremos que nos lleguen las consultas hechas a través del formulario.

Foto del tutorial foxyform

Introducimos el código captcha anti-spam, y le damos a crear formulario.

Nos generará un codigo html.

Foto del tutorial foxyform
    4. Colocar el formulario en el blog.

Con este código simplemente tenemos que ir a crear una página del blog, y en visión HTML copiarlo. Una vez le demos a redactar nos aparecerá escrito foxyform en pequñito, pero cuando se publique nos aparecerá el formulario.

Si vemos que el tamaño del formulario es muy estrecho, se puede modificar, os lo he marcado en la imagen de arriba, sustituimos el '350px' por '500px' o lo que nos parezca mejor.

Publicamos... et voilà:                                                          




Si no queremos crear una página especial para el formulario, también tenemos la opción de colocarlo

en el lateral, para ello sólo tendremos que ir al menú de blogger:

 [ Diseño➜   Añadir un Gadget ➜  HTML/Javascript ]

Acordaros de ajustar el tamaño a la sidebar.

¡Y así de fácil!

Espero que os haya gustado :)

¡Qué tengáis un bonito día!


7 comentarios:

  1. Hola, muchas gracias por tu tutorial, ya lo he puesto en mi blog.
    La pregunta es, como puedo poner una imagen o un texto como el que tu tienes?
    Es que en mi blog lo veo soso jjjj
    tartasparaimpresionar.blogspot.com
    Muchas gracias por tu ayuda
    maryquylla@gmail.com

    ResponderEliminar
  2. Respuestas
    1. Hola Maryqylla perdona por no contestar antes, quería hacerlo pero he estado de traslado y a penas he tenido tiempo.

      Ya le he echado un ojo al formulario de tu blog, está perfecto y el texto también!

      Por cierto tartas que haces son preciosas!! :D

      Un saludo!

      Eliminar
    2. Muchas gracias jjjj es que antes tenia una web que yo no podía modificar y como soy un culo inquieto que quiero las cosas para ayer jajja así que hice un blog como pude porque no se nada.
      Besos y gracias de nuevo por tus tutoriales

      Eliminar
  3. ¡¡Hola!!
    Muchas gracias por el post, ha sido de gran ayuda. Recientemente he empezado mi blo y la verdad es que tus tutoriales me están ayudando un montón a personalizarlo.
    http://lacocinadeatenea.blogspot.com.es/
    Gracias otra vez y un saludo

    ResponderEliminar
    Respuestas
    1. Hola Beatriz! me alegro de que te haya servido el tutorial!! he entrado a echarlo un vistazo a tu blog, ha quedado fantástico!! además me lo guardo en favoritos que he visto unas cuantas recetas que me interesan!! :)

      Si necesitas algún otro tutorial o ayuda no dudes en preguntarme!! Estoy pensando hacer algún otro como el de la barra de menu deslizable, a ver si me animo!!

      Eliminar
    2. Pues la verdad suena súper interesante. Gracias por interesarte por mi blog, el tuyo también tiene posts de los más atrayentes (de hecho me voy a suscribir ;))
      Un abrazo
      Bea

      Eliminar

LinkWithin