15 febrero 2009

Formulario de contacto para el blog

Hace tiempo que quería poner uno de estos en mi blog, y como siempre que pongo algo nuevo, aquí os lo dejo la info por si os animáis a hacerlo vosotros también:

Después de probar varias opciones, la que explica JMiur en Vagabundia es la que más me ha gustado. La pagina está en ingles, así que para los que no entiendan, os lo traduzco:

Tenemos que registrarnos en EmailMe Form. Una vez acabado el registro, vamos a "Create new form" y vamos llenando los campos:
Nombre del formulario
El email a donde te llegarán los mensajes
El email a donde te llegará el spam
La pagina a donde irá el formulario una vez pulsado el botón 'Enviar'
El numero de campos a rellenar

Picamos en NEXT y se rellenan los campos en el orden que quieras que aparezcan y le pones si es 'Requerido' o no.

Picamos en NEXT y establecemos la longitud de los campos. (Cols=columnas=ancho y rows=filas=alto)

NEXT y en 'Form description' le ponemos el mensaje que aparece encima del formulario. Le podemos cambiar el color a la letra y al fondo que lo rodea, pero ojo que no se verá todo el fondo si no que lo colorea por partes, queda una linea con el titulo y luego el fondo detrás de los campos. O sea que mejor el background dejarlo en 'transparent'.
Lo de debajo lo dejamos igual hasta donde pone 'Send Email' que lo podemos cambiar por 'Enviar'. Es el texto dentro del botón. Luego ponemos donde queremos el botón, izquierda, centro o derecha.
Luego marcamos si queremos que aparezca lo de verificar palabra para evitar el spam, o si queremos limitar los mensajes por día o si no queremos poner nada (none). Si elegimos verificar, le podemos poner el color que queramos.
En Display mode, elegimos:
Formulario dentro de tu pagina, el usuario nunca sale de ella.
Formulario en el servidor de emailmeform, con aspecto parecido a tu pagina.
Mostrarlo en una ventana a parte.
NEXT y no tocamos nada.
NEXT y nos sale la vista previa de nuestro formulario.
FINISH y picamos en 'Get the HTML Code' Nos da el código, lo copiamos y lo pegamos en un bloc de notas. Después vamos a bloc de notas - formato y desmarcamos el 'Ajuste de linea'. Y ahora con cuidado de comernos ni una sola letra, vamos juntando las lineas en todo el código, hasta que nos quede todo en 2 o 3 lineas. Lo copiamos y lo pegamos en una entrada del blog o en un elemento HTML/JavaScript y lo ponemos en la sidebar. Si lo queréis poner en una entrada, le podéis poner una fecha muy antigua al post, luego abrís la entrada, le copiais la URL y hacéis un enlace en la sidebar o en el menú que diga 'Contacto' y le ponéis la dirección de la entrada.


El mio lo he puesto en el menú de encima de las entradas, que está mas a la vista :)
Espero que os guste!

16 comentarios:

Kassiopea. dijo...

Esto es para que te envíen mensajes? Yo para eso tengo puesto un e-mail, y el que quiera que me escriba, y me ahorro todo el lío. Es que se me da muy mal lo de ponerle cosas al blog.

Rodo dijo...

Wooow Syl esto es justo lo que andaba buscando para mi sitio web!!

Gracias por pasar el tip.


Saludos !!!!

Syl dijo...

Kassio: Si, es para mandarte mensajes, para cuando alguien te quiere comentar algo en privado y no quiere usar los comentarios o el chat. Tambien tengo puesto por aqui el mail, pero asi es mas facil para muchos lectores, y no es dificil de poner!

Rodo: Me alegro de que te sea util! por eso me gusta compartir estas cositas.

Birdelo dijo...

Hola Syl.

Uyy, hace tiempo que tengo creado mi cuenta en EmailMe Form, lo que me faltaba era el tutorial para poder modificarlo, un saludín compi y suerte!.

JDC dijo...

Hola Syl como estas? muy bueno el sitio como siempre y este dato que aportas en la entrada esta muy bueno.
Esta bueno poder compartir cosas con los demas.
Saludos....

kaka dijo...

Hola Syl!

Ooh, si esta muy bien el chisme este yo ha sido el que use en formulario que hice para el blog de amigos.

Jejeje, como ves ya volvi espero que por mucho tiempo (eso será que tengo examenes, jeje!).

Un abrazoo!

Pablooo dijo...

Saludoss que es como un blog de notas?

Eltallerdeconcha dijo...

Muchísimas gracias. Me he puesto a hacerlo y, aunque no me queda de momento como pensaba, me viene muy bien.

Stelllium dijo...

GENIAAAAAAAAAAA

MUCHISIMAS GRACIAS!

PUDE ACTIVARLO EN MI BLOG, YA QYE LO NECESITABA

MUCHAS GRACIAS POR ESTE SERVICIO, MUCHAS BENDICIONES PARA TI

sTELLIUM

Cynthia García dijo...

mchas gracias, me sirvio muy bien!

tejados dijo...

Gracias por facilitar esta información, tenía varias preguntas que me gustaría hacerte y no sabía por donde contactarme... Saludos!

Sherazade dijo...

Hola, agregue en mi blog un formulario de contacto de emailme form y cuando clikeo send me redirecciona a su pagina. como puedo hacer para que esto no suceda, e decir que se mantenga en la pagina de mi blog y aparezca un cartelito que diga mail enviado correctamente?? Muchas gracias!!!!!

Viagra España dijo...

Muy util. Espero te haya funcionado bien.

Un saludo.

Apartamentos turísticos en Roma dijo...

Parece algo bastante util, deberia probarlo en mi blog, saludos!

vicen dijo...

A ver como funciona esto que tengo un poco de lio.
Bueno y lo más importante, acabo de descubrir tu blog y me parece genial compartir las cosas que vas descubriendo.
Un saludo.
Vicen

Alan Faena dijo...

la verdad que me parece muy bueno que cambien para poder mejorar el uso del blog