Crear un formalario de contacto con Emailmeform es sencillo. La única dificultad es que esta web está en inglés. Aquí trataremos de explicar los pasos a seguir:
- Debemos crear una cuenta en Emailmeform. Para esto ingresamos en la página. En el formulario de ingreso pulsamos en Signup for Free! y llenamos el formulario con los datos que se exigen.
- Una vez registrados ingresamos a nuestra cuenta. En el menú que aparece a la derecha pulsamos en Create a New Form y llenamos el formulario que se nos presenta (los asteriscos indican campos obligatorios), así:
- Nombre del formulario.
- Dirección a donde queremos que nos lleguen los mensajes.
- Dirección a donde deben llegar los mensajes considerados spam.
- Página de agradecimiento. Aquí debemos colocar una dirección a la que se dirigirán los visitantes, una vez enviado el mensaje. Puede ser, por ejemplo, la página principal del blog, o la de una entrada que creemos agradeciendo la visita y el mensaje.
- Número de campos que queremos para nuestro formulario. Podemos dejar los cuatro que están por defecto.
- Pulsamos en Next para acceder al siguiente paso.
- Introducimos los nombres de los campos, que son los datos que se le piden al visitante que nos envía el mensaje, así:
- Su nombre
- Su Email
- Tema
- Mensaje
para cada uno de los campos asignamos la obligatoriedad de ser llenados "Yes" o "No", y el tipo de campo: Short text (una línea), para los tres primeros, y Large text (más de una línea), para el último, que es donde se pone el mensaje.
- Accedemos al siguiente paso e introducimos los tamaños de los campos. Podemos dejarlos como están. Una vez probado el formulario podemos editarlo y cambiar estos tamaños.
- En el siguiente paso, el cuatro, podemos personalizar la apariencia del formulario, seleccionando el color del texto, fuente y tamaño, el color de fondo, etc. Podemos dejar estas opciones tal y como están; posteriormente podemos editarlas en esta página o en Blogger.
Al final de esta ventana están los filtros antispam. Ahí podemos elegir mostrar una imagen con letras y números (captcha), limitar los envíos para cada IP, etc.
- En el último punto de esta ventana definimos el modo en que usaremos el formulario (Display Mode). Dejamos habilitado: Web Form will be inside the web page, visitor never leaves the site ya que lo insertaremos en nuestro blog, como un post más.
- El quinto paso son opciones avanzadas y podemos dejarlas como están.
- Accedemos al siguiente paso en donde se nos presentará una vista previa del formulario. Si nos parece bien pulsamos Finish, si no, hacemos los cambios deseados volviendo (Back) a los pasos correspondientes.
- Al pulsar Finish se nos presentará la opción para acceder al código.
- Como el formulario es una tabla debemos eliminar los saltos de línea. Esto lo conseguimos en Diseño ► Configuración ► Formato: aquí en Convertir saltos de línea ponemos la opción No. Debemos tener cuidado porque al eliminar los saltos de línea tendremos que usar en las entradas la etiqueta
<br>, una vez para un salto de línea, y dos veces para un salto de línea y un espacio.
- Ya dentro del código podemos hacer los cambios que queramos, para personalizar más nuestro formulario: Colores, tamaños de las celdas, idioma Español en los textos que estén en Inglés, etc.
- Del block de notas copiamos el código, lo pegamos en una entrada que creamos en nuestro blog de Blogger y la publicamos.
 |
