Formulario de contacto con Antispam

0
Vamos a poner en tu blog de blogger este nuevo formulario de contacto. ¿Qué nos ofrece? Pues podemos añadir más opciones de contacto en él y sobreo todo la posibilidad de poner un filtro anti-spam.






Tu nombre
Tu e-mail
Asunto
Mensaje
Image Verification
captcha
Please enter the text from the image:
[ Refresh Image ] [ What's This? ]


¿Cómo ponemos este formulario? Pues vamos a ello:


1) Visitamos la página we b de emailmeform.com


2) Clicamos en "Sign up now for free". Apareceremos en:
Debemos registrarnos. Ponemos el nombre, apellidos, usuario, contraseña y e-mail. Clicamos en sign-up. Recibiremos un e-mail que deberemos abrir para poder confirmarlo. Una vez confirmado apareceremos en la web de emailmeform de nuevo y deberemos hacer login con el usuario y contraseña que elegimos.


3) Al hacer login apareceremos en nuestro panel de usuario. A la derecha veremos "Create a new form". Clicamos ahí para poder comenzar a crear nuestro nuevo formulario de contacto.


Rellenamos los datos como en la imagen anterior. Si nos fijamos en la imagen anterior, en donde pone "number of fields" hace referencia a la cantidad de campos que podemos añadir en el formulario. Esto significa que si queremos preguntar más datos en el formulario deberemos cambiar ese 4 por una cifra más alta.

Clicamos en next.

4) Apareceremos en otra pantalla en la que deberemos configurar los datos que van a aparecer en el formulario de contacto.
5) Al clicar en next de nuevo apareceremos en otra pantalla en la que deberemos configurar el tamaño de las filas y columnas que tendrás nuestro formulario de contacto para el blog de blogger. Si al final no te agrada el tamaño puedes volver atrás y cambiar estos valores.


6) Ahora apareceremos en otra pantalla para modificar los colores del formulario. Haz clic en la siguiente imagen para ayudarte a rellenar los datos requeridos y a saber su significado.


7) Apareceremos en otra nueva pantalla en la que aconsejo no tocar nada. En ella se puede configurar si se quiere mandar un copia del e-mail al visitante o no (es la opción: yes, send a copy of the form submission...)



8) Al clicar en next por fin podremos ver la apariencia de nuestro ansiado formulario. Si no te gusta el resultado clica en la flecha retroceder de tu navegador y si te aparece una ventana emergente pulsa aceptar, así hasta llegar a la pantalla que explicamos en el paso 5)


9) Si estás conforme clicamos una vez más en next y apareceremos en esta pantalla:


Clicamos en get the HTML Code. Copiamos el código que nos aparecerá y lo pegamos en una entrada o en un gadget HTML/Javascript (Diseño->Elementos de página->Añadir un gadget->HTML/Javascript).


Y ya hemos terminado, por fin. ¿Te gusta?