Cómo crear un formulario de contacto con EmailMe form

Un lector de V-Junker nos mando un correo mediante contáctanos, preguntando cómo crear un formulario como el que tenemos, y la verdad es que es muy fácil.

Vamos a utilizar la herramienta online llamada Email Me Form, primero tenemos que registrarnos es gratis, una vez hecho esto iniciamos sesión y nos dirigirá a nuestro panel, ahí mismo le damos clic a la opción de Templates.
Ahora nos darán un formulario pre-hecho con los requisitos esenciales como Nombre, email, asunto y comentario, viendo esto, arriba le damos clic al botón Customize.

*Dale clic a la imagen para ampliar.

Después en la opción de Opciones del formulario (Form Settings) podemos cambiar varias opciones como Titulo del formulario (ejemplo Contacto TuBlog), en opciones de confirmación (Confirmation options) ya sea que seleccionemos si cuando envíen el comentario aparezca un mensaje de confirmación o cuando envíen el comentario los re direccione al sitio de nuevo, lado de las celdas, nombre del botón (Enviar) así como la posición del botón, Anti-spam on/off.

*Dale clic a la imagen para ampliar.

También podemos seleccionar cada celda del formulario para cambiar el nombre de ingles a español (ejemplo Message por Mensaje), indicar si es requerido o no lo que nos pide, y cambiar el tamaño de la celda si es necesario, pero yo que ustedes lo dejaría como esta.

*Dale clic a la imagen para ampliar.

Una vez terminado nuestro formulario le damos a la opción de Save Form, y nos mandara de nuevo a nuestro panel, ahora para agregar el formulario en nuestro Blog, en las opciones de nuestro formulario le damos clic en donde dice Code y ese será nuestro código para colocarlo en nuestro Blog.

*Dale clic a la imagen para ampliar.

*Dale clic a la imagen para ampliar.

Para colocarlo en tu Blog de Blogger, tendremos que crear una nueva entrada y pegar ahí el código, para que en esa entrada no halla comentarios no deseados, le desactivamos la opción de Comentarios de los lectores y para que la entrada no se vea en los primeros lugares del Blog, le damos una fecha antigua (por ejemplo una fecha anterior a la de nuestro primer post) y publicamos.

*Dale clic a la imagen para ampliar.

Y para WordPress es distinto, en este caso no sería agregar nueva entrada, tendrán que agregar una nueva página.

Espero que les haya servido este tutorial para crear un formulario para tu Blog, si tienen más dudas no duden en comentarme 

Enlace | Email Me Form  Por V-Junker

Read More

Formulario Kontactr, hecho en un dos por tres, recomendación por CB

Como siempre, las entradas del Potro de Ciudad Blogger son la perfección. Yo he hecho varios formularios de contacto tanto en emailme.com y con yourmailinglist, pero nada se compara a 

la sencillez y la rápidez con que se hacen con Kontactr. Como siempre, sin desperdicio.

Hay muchos sitios que ofrecen formularios de contacto, pero este en particular me gusta por lo rápido que es para obtenerlo. Pero además de lo fácil y rápido que es, tiene una gran ventaja sobre la mayoría de los formularios de contacto gratuitos: que no tiene un límite de envíos mensual, así que que puedes dejar de preocuparte si te excedes o no.

El servicio no cobra ni un solo centavo, pero tiene una desventaja, y es que si bien podemos personalizar los colores no podemos cambiar el nombre de los campos ni agregar o eliminar más. Aun así, es muy intuitivo y básico, por lo que a muchos puede servir en caso de que no requieran algo muy sofisticado.

Para tener este formulario de contacto en tu blog entra a la página de Kontactr y regístrate, no te lleva ni 30 segundos. Una vez hecho eso te enviarán un correo de confirmación.

Cuando confirmes tu cuenta podrás iniciar sesión y copiar el código de tu formulario, pégalo donde quieras y listo.

No hay que hacer nada más, pero puedes personalizar sus colores si lo deseas. Para ello haz click en Customize y cambia los colores que desees para cada área.

El formulario lo puedes pegar en una entrada, en una página estática, o un gadget HTML/Javascript. Los correos que te envíen através de él te llegarán al correo con el que te diste de alta.

Lo dicho, es un formulario rápido de obtener, fácil de usar y sin tantas pretensiones. Su punto débil es no poder editar los campos, pero al ser gratuito y sin límite de envíos es un formulario de contacto que definitivamente hay que considerar.

-Por el Potro de Ciudad Blogger

Read More

Botón Enviar Email pegarlo fácilmente en el blog

Tener en el blog un enlace de contacto es fundamental, sobre todo para aquellos blogs de negocios que quieren ofrecerle a sus clientes la posibilidad de contactarse de manera fácil. Y claro, esto aplica para todos los bloggers que quieren estar cerca de sus lectores.

Vamos entonces a ver cómo poner un botón para enviar un correo electrónico y que al presionarlo aparezca una ventana para escribir el destinatario y el asunto. Puedes hacer click aquí para probarlo (aunque esta dirección no existe):

Para ponerlo en tu blog sólo pega el siguiente código en un elemento HTML/Javascript:

<script language="JavaScript"><!-- Begin
function mailsome1(){
who=prompt("Ingresa el destinatario: ","tucorreo@gmail.com");
what=prompt("Escribe el asunto: ","Hola");
{parent.location.href='mailto:'+who+'?subject='+what+'';
}
}
// End --></script>
<input value="Enviar correo" onclick="mailsome1()" type="button"/>

Sólo cambia la dirección de correo por la tuya y el título del asunto. También puedes hacerlo con una imagen, el código sería el siguiente:

<script language="JavaScript"><!-- Begin
function mailsome1(){
who=prompt("Ingresa el destinatario: ","tucorreo@gmail.com");
what=prompt("Escribe el asunto: ","Hola");
{parent.location.href='mailto:'+who+'?subject='+what+'';
}
}
// End --></script>
<img src="URL de la imagen" onclick="mailsome1()" title="Enviar email"/>

Así de sencillo podrás tener un botón o imagen de contacto para que te envíen emails. Recuerda cambiar la URL de la imagen por el ícono que quieras.

NOTA: Esta herramienta no es un programa para enviar correos, cuando un lector quiera mandar el correo se abrirá su cliente de correo que tenga instalado en su equipo.

-Enlace: CiudadBlogger

Read More

Como agregar celdas de contacto

Whether you have a personal or a commercial blog, one of the important pages which must be present on every blog is a "Contact Me" page. you must add a contact us form on your blog, to let people connecting you, and to build nice and fine relationship between you and your blogger.

Check out the live demo of this form," Demo Page Click Here "

Email Me Form is a free online form generator service that helps you create HTML forms for your website, with no programming required. Read this post to create a professional "Contact Me" Form like the below image.

Read More