Formulario de contacto con HTML


En un post vimos cómo hacer un formulario de Acceso o Login. Hoy vamos a ver cómo hacer un formulario de contacto.

1.§ Lo que hacemos es copiar el siguiente código, ya sea en la sidebar (Diseño- Elementos de la página- Añadir un gadget- HTML/Javascript Añadir) o en una entrada (Creación de entradas- Nueva entrada). El código mencionado es el siguiente:

<FORM action="mailto:tucorreo@correo.com" method="post" enctype="text/plain"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%"><TR><TD width="30%"><DIV align="right"><B>Name:</B></DIV></TD><TD width="70%"><INPUT type="text" name="name" size="20"></TD></TR><TR><TD><DIV align="right"><B>Email:</B></DIV></TD><TD><INPUT type="text" name="email" size="20"></TD></TR><TR><TD><DIV align="right"><B>Comment:</B></DIV></TD><TD><TEXTAREA name="comment" cols="30" wrap="virtual" rows="4"></TEXTAREA></TD></TR><TR><TD>&nbsp;</TD><TD><INPUT type="submit" name="submit" value="Submit"><INPUT type="reset" name="reset" value="Reset"></TD></TR></TABLE></FORM>


2.§ Cambiamos donde dice tucorreo@correo.com por nuestro correo. Damos click a Guardar o Publicar, dependiendo si lo pegamos en un gadget o en una entrada.

3.§ Este paso no es obligatorio, con los pasos anteriores ya tendremos nuestro formulario de contacto. Este paso es sólo para darle algún estilo al formulario como color de borde, color del botón, etc.

Entonces, personalizarlo, vamos a Diseño/ Edición de HTML, con ayuda de Ctrl+F buscamos ]]></b:skin> y antes de éste, pegamos el siguiente código:

textarea {
background: #F6F4DA;
border: 1px solid #B07C3F;
}

input {
background: #F6F4DA;
border: 1px solid #B07C3F;
margin-right: 5px;
}

Si desemos podemos cambiar los colores. Damos click a guardar y listo.

El resultado será el siguiente:

Nombre:
E-mail:
Mensaje:
 

36 opinaron:

G

Se ve genial; cuando saque algo de tiempo lo aplico enseguida.

Besos

Responder
squirrel

Me gusta el acabado, no sé si ponerlo en la siebar o en una entrada, pero sí lo agregaré a mi blog

Responder
juan carlos

Es una buena alterntativa, muy vistosa y elegante. Lo agregaré al blog

Responder
Graciela de Palomas

Uyyy Jési por fin podré ponerlo en el blog, he intentado de otras maneras y no podía...después te cuento...besos mi vida :D

Responder
Gildo Kaldorana

Curioso.
Quiza lo ponga en el blog.
Muchas gracias

Responder
Jéssica YK

» G: me avisas cuando lo pongas para ver cómo queda :)

» squirrel: creo que se vería mejor en una entrada.

» juan carlos: tienes razón.

» Graciela de Palomas: este formulario sí podrás colocarlo porque es muy sencillo :)

» Gildo Kaldorana: se vería muy bien en tu blog.

S@lu2

Responder
Ben

Hola, gracias por la ayuda. Lo he probado y se instala bien pero a la hora de poner el e-mail,sale un ventana que me indica que no debo continuar,luego le pongo aceptar,sale outlok y ya no da mas,dice que compruebe si el usuario y la contraseña son correctos.
Le estaré muy agradecido.
Ben

Responder
Unknown

Me llamo Liliana Giraldez y soy a utora de letras de canciones. No pude escribirte por la página e ingresé a Facebook para procurar tomar contacto con vos, y no pude.
Si mal no leí Jéssica sos de Perú . Tengo hermosos mensajes de Radios de tu país. Má adelante podré contarte si seguimos en contacto.
Tengo un grave problema!!al menos apara mí.
Como verás no se de facebook ni de blog y es lo que estoy procurando crear.
Necesito subir mis canciones y no se cómo hacerlo. Las tengo en cd, en mi correo, en mi escritorio pero no se como hacer para que se escuche en el blog.
Por otra parte , sipodés también se me complica con comentarios de Rdios del mundo. Quisiera que figure el país y después al seleccionarlo recién aparezca el comentario dee cada Radio porque sino es una lista sin fin.
Ojala llegue a tus manos yme puedas ayudar.
Un carinño Liliana micorreo es lilianaautora@gmail.com

Responder
Jéssica YK

» Liliana:
No te preocupes, te ayudaré en todo lo que sea necesario para que puedas crear tu blog :)

De lo que leí en tu comentario, tienes varias dudas, las que iremos absolviendo poco a poco.
La primera duda que percibí es que quieres saber cómo subir tus canciones. Para ayudarte, necesito preguntarte algunas cosas: ¿quieres subir las canciones para que las personas puedan descargarlas? o ¿sólo quieres subirlas para que puedan escuchar desde tu página,pero que no puedan descargarlas?
De acuerdo a tus respuestas podré ayudarte.Y si tienes más dudas, pregunta con confianza :)

» Ben:
El formulario funciona, quizás escribiste mal tu correo y por ello el formulario no funciona.

S@lu2

Responder
María

Holaa, muchas gracias por el aporte, ¿ habría alguna forma de que se enviase directamente sin tener que se abra el email?
Graias

Responder
Anónimo

Gracias me sirvio mucho lo ponde en mi blog

http://55555descargas.blogspot.com/

Pao-chan

hola si eres adrian gerardo rodriguez saldaña este es un mensaje para ti
debes presentarte en el ministerio publico a declarar en la fiscalia de delitos sexuales del bunker (procuraduria general de justicia) en Gral. Gabriel Hernández No. 56 P.B. (a 2 cuadras del metro Balderas) Colonia. Doctores Del. Cuauhtémoc C.P. 06720
:) POR CIERTO LASTIMA QUE CERRASTE TU BLOG DE DESCARGAS
QUE DESGRACIA PARA TODOS LOS QUE DESCARGAN :(
:) pero bueno

Pao-chan

hola si eres adrian gerardo rodriguez saldaña este es un mensaje para ti
debes presentarte en el ministerio publico a declarar en la fiscalia de delitos sexuales del bunker (procuraduria general de justicia) en Gral. Gabriel Hernández No. 56 P.B. (a 2 cuadras del metro Balderas) Colonia. Doctores Del. Cuauhtémoc C.P. 06720
:) POR CIERTO LASTIMA QUE CERRASTE TU BLOG DE DESCARGAS
QUE DESGRACIA PARA TODOS LOS QUE DESCARGAN :(
:) pero bueno

Responder
Flakinn

Muchas Gracias me Sirvió de mucha ayuda
:)

Responder
Jéssica YK

» María:
No entendí muy bien tu pregunta.

» g3rrod:
Qué bueno que te haya servido.

» Flakinn:
Gracias por la visita y me alegra que la entrada te haya sido útil.

@lu2

Responder
Unknown

AYUDA AYUDA!!!

no encuentro esta parte al abrir el html y darle ctrl+F no me aparece nada que puedo hacer?

Responder
VitiKun

Hola muy buenas, el problema que me surge es el siguiente, que es el mismo problema que tiene María. Al usar la acción mailto: se abre el gestor de correo que tienes por defecto en tu ordenador con el campo "para" relleno con el correo que hayamos configurado en el código. El problema es que la mayoría de la gente utiliza correos web tipo gmail o hotmail, por lo que aunque se les abra el outlook (o el que corresponda), con el para correctamente relleno, si no tienen cuenta pop3 les dará diferentes errores pero no podrán enviarlo, por no tener cuenta. Lo que yo necesito es un formulario que envíe directamente el correo, configurando una cuenta smtp o algo parecido, eso ya no se como se hará por eso te pregunto ^^

Muchas gracias por anticipado!
Vittikun

Responder
Jéssica YK

» VitiKun:
Si quieres un formulario de contacto que envie el mensaje directamente a tu correo, tendrías que hacer uso de páginas que ofrecen ese servicio.

Una página que te recomiendo es : http://www.123contactform.com/

Esta página genera formularios de contacto, pero necesitas registrarte. Luego, te genera un código que pegas en tu blog.

Si tienes alguna duda, no dudes en consultar :)

S@lu2

Responder
Patricio E
Este comentario ha sido eliminado por el autor.
Responder
Vanguardia Digital

hola saludos, ya hice los pasos a seguir, pero me sale el microsoft outlovk y no se me va el correo, que error puede ser?????

Responder
TumejorSport

lo he estado provando, pero necesito crear un formulario de contacto debajo de un video en una aplicación de facebook, y no se como hacerlo. He copiado el código pero me sigue saliendo outlook. el formulario se ve perfectamente, y se añade lo que quieras, pero no me deja enviarlo directamente al correo.

Alguna ayuda?

Responder
Enrique OHiggins

Hola gente linda, tengo un inconveniente con este formulario, lo he copiado, modificado, pero no me envía los datos a mi email, sinó que me abre el outlock con los datos cargados, ¿en que me estoy equivocando?

Responder
CORE

se ve le lujo en mi blog, pero le doy a enviar y me dice error
tengo como correo fernandojab2005@gmail.com
Supongo que no es mi correo predeterminado

¿Como se hace eso?
gracias

Responder
Unknown

no me funciona, me manda a outlook

Responder
Unknown

gracias amigo tanto tiempo buscando algo bueno y sencillo como esto, así deberían ser los tip de ayuda que publican en la web

gracias me ayudo mucho

Responder
Johan Taboada
Este comentario ha sido eliminado por el autor.
Responder
Johan Taboada

cuando envio un mensaje en ese formulario me sale method not allowed y ERROR 405 q se hace :?

Responder
Unknown

Super Interesante mira mi blog http://serierevolutionspain.blogspot.com.es/ y me dices que tal =)

Responder
Unknown

tu pagina esta muy hermosa.

Jéssica YK

» cruzada evangelistica:
Gracias

S@lu2

Responder
La morada cuernavaca

Lo puso y queda muy bien, pero cuando lo quise probar no manda ningún correo.
Por que sera?

Jéssica YK

» La morada cuernavaca:
El formulario funciona bien. Intenta borrar el código y luego volver a colocarlo. Si no te funciona, puedes ver esta entrada con otro formulario.

S@lu2

Responder
Unknown

no envía salee Method Not Allowed 405 y ahí se queda ... alguna solución le agradecería :) saluds

Responder
Unknown

he creado el formulario sin embargo cuando le doy enviar no se a donde se envían los datos como hago para que esos datos lleguen a un correo?

Responder
Carlos Vera

Me haz dejado impresionado por tú diseño del blog, sin embargo me encantan más tus post jajajajjaa. Me ha aparecido una gran duda ¿yo puedo colocar más opciones de contacto en este formulario ejemplo segundo nombre?. saludos espero tu respuesta

Responder
FutureTvWeb

NO FUNCIONA NO ENVIA Y SIN ESPACIOS

Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio