Formulario de contacto
Estos últimos días me han estado preguntando sobre el sistema que estoy utilizando en la sección de "Contacto" del blog.
En esta entrada, voy a tratar de explicar el sistema que yo estoy usando y que depende de 123 Contac form, y no porque crea que es mejor, más bien porque ya me he acomodado a este servicio y como he comprobado que además trabaja sin problemas, pues no he pensado en cambiarlo.
[1] Accedemos a la web que va a prestarnos el servicio en 123 Contac form y pinchamos en "Sign Up FREE" para registrarnos.
El registro es rápido y sencillo. En el formulario no es necesario rellenar más que los campos que aparecen en negrita. Una vez esté completado, pinchamos en "Create account" y de forma instantánea podremos acceder con nuestros datos a nuestra cuenta.
[2] Accedemos entonces a nuestra cuenta y en el menú de arriba pinchamos en "Create new form".
[3] Una vez completados los campos que tendrá nuestro formulario, pinchamos en "Save form" y en la nueva ventana aparecerá una vista previa del formulario y la posibilidad de modificar algunas cosas.
En mi caso lo dejé todo tal como estaba, solamente cambié los textos de los campos para que se mostraran en español:
[4] En la siguiente pantalla es donde escogemos el aspecto del formulario entre varios temas que allí nos proponen, en mi caso escogí "none" (ninguno).
El siguiente paso sería copiar el código html que nos proporcionan para pegarlo en una entrada o donde vayamos a mostrar el formulario, en nuestro caso copiaremos el código de la opción 2.
Notas:
Si lo colocáis en una entrada y queréis añadirle una imagen de fondo como he hecho yo, usáis este código:
<div style="background:url(url_de_la_imagen);">
Aquí colocamos el código del formulario
</div>
a las
Etiquetas:
Utilidades Online
Vitua Radio
Foro SpamLoco
Seguir el Escaparate
97 comentarios:
Funciona muy bien, aunque a mi se me queda demasiado trozo en blanco por encima del texto :S
sabes porque puede ser?
http://onlymusicinmylife.blogspot.com/2009/01/nombre-email-asunto-mensaje.html
Lurking People Pues no se si es que has pegado el código del formulario antes de colocarlo en Word o en otro editor de ese tipo que no son compatibles con Blogger...porque veo el código de tu formulario lleno de saltos de línea <br> que no deberían estar ahí...
Copia el código directamente en el editor de Blogger, tal como te lo dan en la página del formulario y mejor desde la pestaña HTML del editor.
Hola, Rosa!
Excelente el post y la ayuda, pero tengo un problema y creo que es el mismo que el de LurkingPeople y es que aparece un gran espacio en blanco arriba de la info.
Mira: http://cpalabras.blogspot.com/search/label/Contacto
Un saludo y gracias!
Es muy esmirriada la caja para escribir el mensaje.¿no se puede hacer más ancha y alta?
Unhidalgo
Sí se puede hacer lo que dices, Unhidalgo; es cuestión de jugar con el código ;). Mira http://cpalabras.blogspot.com/search/label/Contacto
Que bueno! Estaba buscando algo como ésto.
Con el tema de Twitterfox, amí me pasó lo mismo, prueba desactivarlo, reiniciar Firefox y después volver a activarlo, te vuelve a pedir que reinicies Firefox. Y listo ;)
Prueba y cuentame. Saludos Rosa!
JLRocha los mesajes tuyo y mio llegaron juntos a esta entrada porlo que me pase acto seguido pasé por tu blog y vi que tenias un formulario más como debiera ser el que diesen por defecto.
Pues dios sabe porque me pasará esto :S
ya lo he probado 3 veces copiar y pegar directamente desde el código que hay para copiar en la "Option 2" a la entrada en "Edición de htlm" y nada sigue quedándose mucho hueco arriba, pero bueno siempre es mejor que nada jeje
un saludo!
Por qué quedará ese espacio tan exagerado en blanco si el código esta puesto correctamente? Me da que sobra bastante parte del código.
Gracias rosas es muy bueno‼
Digo Rosa
He quitado lo que está entrelas comillas "contact form faq" y el espacio en blanco ha desaparecido.
@Lurking People Ve a editar la entrada donde has colocado el formulario desde la pestaña HTML del editor y elimina todos los <br> que veas en el código de tal manera que cada línea de código vaya junta, es decir, sin dejar espacios, todo el código de un tirón y después de hacer esto no cambies a la pestaña de edición, publica la entrada directamente.
@JL Rocha Trata de hacer lo mismo tu también.
Unhidalgo Yo veo tu formulario correctamente instalado...
Lo está, pero no funciona la verificación, lo he pusto en 2 blog y en los dos está igual. Incluso desues de haber vuelto a añadir el trozo de código que al quirale eliminó el trozo que quedaba en el color del blog y vacio del que hablan por ahí arriba.
Ahora cuando clikeo en enviar mensaje me redirije a otra página donde si funciona lo de verificación de palabra o número.
Qué pena la ignorancia, Rosa, pero en el código no hay ningún
:S
ola rosa. quiero hacer una plantilla como estas http:/bloggerblogbackgrounds.blogspot.com/
no tienes alguna pagina para recomendarme?
graxx!
TRECARUNGA Graciassss, voy a probar ;)
Liimon No entiendo...esa página que dices es precisamente para instalar sus plantillas. Solo hay que copiar y pegar el código de la que te guste en un gadget HTML.
Y, funcinó?
Bonzu Ningún problema, ja,ja, ;)
Unhidalgo Quizá escogiste la opción de mostrar en página aparte, repite los pasos en la web del formulario y fijate bien en que opciones marcas, guíate por las imágenes de esta entrada.
Si no funciona como quieres es porque no has elegido de forma adecuada sus opciones.
JL Rocha Pues yo veo los <br/> a través de tu código fuente...:S
Trata de colocar el código del formulario todo seguido, sin espacios entre ellos, algo así para que me entiendas:
<table><tr><td>código</td></tr></table>código
Y no así:
<table>
<tr><td>
código</td></tr></table>código
Muy bueno rosa!
yo vengo usando emailmeformq!
con dicho servicio pueden adjuntar archivos en el mail
saludos rosa!
JL Rocha, yo tenía ese mismo problema del espacio, y haciendo lo que dice Rosa de eliminar todos los espacios entre el código, se arregló. Simplemente tienes que dejarlo todo como si fuera un párrafo completo seguido, seguro que te funciona
Rosa, te he enviado un "mensaje" desde ahí y tambien ne ha redirigido a esa página.
Unhidalgo He tratado de usar tu formulario y me envía a una nueva página que dice: The specified form does not exist! lo que quiere decir "Este formulario no existe" o sea, que tienes mal el código.
El mio funciona perfectamente.
Hi Rosa,
Thank you for using our services, and for recommending them. We have an affiliate program, you can earn money by recommending our services: http://www.123contactform.com/affiliates.html
Best regards,
Tudor
123ContactForm
Adolix ¡Thanks! :D
@Petterjuice Conozco Emailmeform, aunque nunca lo he usado...¡lo probaré!
Gracias :D
@Amparo Gracias. Si, si funciona ;)
hola rosa, ocupo saber el nombre, mira si va en la fila lateral derecha o izq y si anadimos una fila arriba creo que se llama webar o algo asi, pero como puedo poner dos filas, en una fila.. ia me hice bolas que la fila izquierda de mi footer sea mi webear y abajo dos es que en mi sitio tengo un monton de gadgets en fila como hacer 2 fila? en el footer tengo abajo del label BLOGS DE POSICIONAMIENTO
pues alli quiero poner la fila doble
A la que me manda ahora dice:
Los siguientes campos son obligatorios: Nombre, Correo electrónico, Asunto, Mensaje.
y me ha vuelto a aparecer el espacio en blanco en la parte superior.
Su mensaje ha sido enviado. Gracias por completar nuestro formulario!
Hola Rosa, quería pedirte un favor, ¿cómo puedo quitar los "Breadcrums" de determinadas entradas como tu tienes en la entrada de Contácto? Me vendría bien para los índices :D
Muchas Gracias ;)
Jaime Trujillo Escobedo A decir verdad he encontrado una forma bastante sencilla de ocultar ese tipo de datos en las entradas.
Tengo ya la entrada para explicarlo casi terminada y en breve la subiré al blog. :D
javfanel No he entendido casi nada :S
Mira si algo de esto lo que buscas:
http://elescaparatederosa.blogspot.com/2008/01/aadir-tres-columnas-en-la-seccin-del.html
Unhidalgo ¿Eso que dices te pasa en el tuyo o en el mio? Yo sigo creyendo que has marcado la opción de que se abra en página aparte al configurarlo... pero es que más no puedo decirte :(
Genial Rosa ;) Gracias :D
Hola Rosa, estoy desde ayer con el tema del formulario, he probado de todas formas y me pasa lo mismo que unhidalgo es decir, no funciona el codigo de verificación(a pesar de colocarlo correctamente)y me envía a la pagina del sitio donde está alojado y ahí si funciona sin problemas, probé colocando otro formulario sin el código de verificación y funciona sin problemas, pero me gustaría tener esa opción, he usado el formulario de EmailMe form que es muy parecido al tuyo. Lo configuré para incrustarlo en el sitio y para que no se abriera en otra ventana. Si descubrís que pasa avisame... Saludos desde Argentina. siempre sigo tu página y me estoy animando a crear mi propia plantilla. El form está en el blog de pruebas.
Kirei Lo único que puedo decirte,es que seguí los pasos que indico en la entrada, dejando todo casi como estaba por defecto para obtener la versión básica...te adjunto una imagen de los parámetros que tiene el mío:
http://4.bp.blogspot.com/_8PJ-pgoBhWQ/SjwfPZL8CkI/AAAAAAAAG6o/_9Zp0Wf1dVQ/s00/Nombre2.jpg
Gracias Rosa, recién te envié un comentario agradeciento tu respuesta pero no apareció, así que te mando otro por el antiguo formulario de blogger.;)
rosa el ploblema del espacio es cuando esta Convertir saltos de línea en si.
se soluciona como vos desis uniendo todo pero hay que agregarle <tbody> y </tbody> o sea <table><tbody> </tbody></table> sino lo colocan normal y ven el código fuente y copian desde <center> </center> y quitan todas las <br>
ha y gracias rosa me fue muy util quedo muy bien
Que entrete poner tus twitt en el correo como firma no lo hubiera pensado :D cuando me decida ya se como ponerlo prrrrrrr
pd: el detalle de poner la tira de azagra en una nota de papel me encanta ^_^
Feliz fin de semana, muchos besos en mi abrazo ;)
El mensaje ha sido enviado desde 81.37.49.254 en 2009-06-20 03:26:10
dice en uno que me he enviado desde el mio, los dos que me he enviado desde el tuyo aun no han llegado. Por más que los enivados desde el tuyo no me han dado el mensaje de que han sido enviados.
Ala! y los enivados desde el tuyo los envie antes quie el que me autoenvie.
He hecho otra prueba yel que me envie desde el tuyo tampoco me ha llegado y si ha llegado el mio. En cambio el enviado desde aquí no me da confirmación de haber sido "bien" enviado.
Otra prueba: continuo si recibir los emails enviados desde aquí.
solo encuentro un defecto, además del descrito, en mi formulario con respecto al tuyo y es que el número de verificación solo cambia, a diferencia del de aquí, cuando se reinicia el ordenador.
He mirado en todos los otros y solo los de Lurking People y Alba están como es debido, aunque también les sale la página que dice que sus mensajes han sido bien enviados, y los mensajes no los he recibido.
Unhidalgo Vamos a ver...creo que no entiendes bien como funciona el formulario aún.
Los mensajes NO pueden enviarse desde mi formulario a ningún otro correo que no sea EL MIO. Todos los mensajes que se envíen a través de mi formulario, llegan a la dirección de correo que se puso cuando se creo el formulario, o sea, la mia.
Los que se hagan a través del tuyo, llegan solamente a tu correo.
El formulario es exclusivo para cada uno, funciona como los comentarios de tu blog, solo para enviarte a ti emails NO A NADIE MAS.
Tengo el correo con cuatro mensajes tuyos de prueba que has enviado a través de mi formulario.
La dirección que se pone en el formulario es la del correo de quien envía el mensaje, NO a quien va a llegar, siempre va a llegar al "dueño" del formulario.
Este está perfecto entonces.
Gracias Rosa!
Me sirvió de maravilla! :D
Saludos!
Bueno sólo una cosa.... xD
Cómo hago para que cuando se envíe un mensaje se redireccione nuevamente a mi página?
Muchas gracias Rosa por este post. Te cuento que cuando aparece una duda en mi mente, voy al Reader y veo que justo has publicado una respuesta sobre el tema. Muy oportuna como siempre.
Saludos desde Peru.
Luis Kasanova Cuando editas el formulario hay una opción que has de marcar que dice:
Redirect to a web page
Pateador Muchas gracias, siempre tan amable...:D
Hola! Cuando leí, al principio de este post, sobre usar un formulario de contacto sin depender de servicios externos realmente me emocioné. Hasta el momento he estado usando Emailmeform.com sin ningún problema y me dije: "bueno, veamos que nos tiene blogger al respecto", pero cuando leí sobre 123 Contac form y el procedimiento que implica su uso, bueno, la verdad es que no encontré muchas diferencias entre usar ese servicio y el que actualmente utilizo, porque en ambos casos NO ES BLOGGER el que proporciona el servicio, sino el que permite su uso dentro del mismo, pero... puede también que esté desvariando debido a mi desconocimiento y deba probar también esta opciób :). Saludos y felicidades (tu blog siempre está a la vanguardia y presenta ideas muy buenas y originales)!
Fdo. R. Baños Entonces no entendiste lo que quise decir exactamente o no terminaste de leer la entrada...
Cuando digo: "Ahora ya es posible usar en Blogger un formulario de contacto sin depender de servicios externos, tal como nos explican paso a paso en Zona Cerebral." en esa frase hay un enlace a Zona Cerebral donde puedes ver paso a paso como usar un formulario en un alojamiento propio, sin depender de servicios externos
Después aclaro más abajo que voy a explicar como se usa 123 Contac Form porque [y cito textualmente] "y no porque crea que es mejor, más bien porque ya me he acomodado a este servicio ..."
Rosi recuerdo la vez que intenté con EMAILMEFORM algo así era :S, mi madre fue imposible que le entendiera...veremos ahora!!!
Buen fin de semana y mis besos!!!
Muchas gracias Rosa y Amparo. El problema ya se solucionó :D
Bien, me alegra que mi estrategia funcionara! Ahora, muy atentamente, necesito hacerte una consulta: ¿Recuerdas el widget para los posts más populares? Al parecer, desde hace un par de semanas, presenta un error porque éste, simplemente, ha dejado de funcionar. ¿Alguna sugerencia para corregir este problema? Y PERDÓN (y lo expreso con mayúsculas) por referirme a este tema en este post. De antemano gracias. ¡Saludos!
Graciela Son parecidos, aunque yo encuentro este menos complicado de configurar...
Fdo. R. Baños No necesitas ninguna estrategia para llamar mi atención si lo dices por eso :D los comentarios me llegan todos a mi correo.
Revisa esta entrada:
http://elescaparatederosa.blogspot.com/2008/10/entradas-mas-populares-widget.html
Ya lo agregué y está perfecto. Solo que use tu mismo fondo :P Si no estas de acuerdo házmelo saber y busco otra imagen, es que la tuya me gustó y finalmente la terminé colocando.
Saludos!
Anibal Ningún problema. La imagen es de uso libre :D
Hola Rosa! Pues yo le he encontrado otro uso al formulario:
Para que los lectores (si quieren) me manden sugerencias de temas musicales para incluir en la playlist del blog :D
Me sorprende el resultado de este formulario, muy profesional y lo que es mejor gratis y sin publi
Gracial mil Rosa!
Nhoa Genial idea!
Si, lo que más me gustó fue precisamente eso mismo, su aspecto sobrio y que no incluye publicidad :D
Rosy: a mi me quedo perfecto y funciona bien ,lo único que no cambian los números de virificación y cuando lo envió me aparece confirmado en Ingles me gustaría que aparesca en Español(Castellano) y aparte lo envió todo bien pero no me deja en la misma pagina me deja en mi pagina de diseño.¿:O:O menos mal que me quedo perfecto?jajajajajajajaj.
Rosy:no se puede usar como el formulario de blogger para dejar los mensajes en el blog? es solo para los mail????:S
Monica Claro, el formulario no interactua con Blogger, solo funciona como receptor de emails y el mensaje aparece en inglés, ya que ese es el lenguaje de la web que lo proporciona.
Muy bien Rosy funciona correctamente. me quedo por este super Blogero.Besitos:)
Hola Rosa, tengo una consulta verás quiero saber cómo hacer un "acerca de mi" o "sobre mi" me imagino que es usando una página estática, porque veo que tu has ocultado la fecha y los comentarios (lo de ocultar los comentarios si se hacerlo) pero la verdad no sé mucho del tema asi que pasaba por aquí a preguntarte cómo lo has hecho tú. :D
Si ves que es algo complicado explicar en un comentario esperaré a que hagas un post ya que no he logrado encontrar en el buscador de tu blog cómo se hace.
Saludos!!
Espineli Mira aquí, verás que sistema he encontrado más sencillo para hacer eso:
http://elescaparatederosa.blogspot.com/2009/07/crear-paginas-estaticas.html
Hola, Rosa.
He intentado conseguir un formulario en la página que recomiendas y no ha habido manera de registrarme, siempre me dice que no es correcta la verificación de la palabra :(
Así que he explorado un poco y he llegado a esta página. He creado mi formulario y me ha proporcionado un código html.
Intento poner el código en un gadget del blog pero "no se ve" en la página.
Lo he copiado directamente, sin pasos intermedios.
¿Puedes ayudarme, por favor? Sería posible colocarlo en la plantilla directamente?
Intento enviarte el código pero me sale un error: "Su HTML no es aceptable: Must be at most 4,096 characters"
Si te hace falta verlo te lo enviaré por mail.
Gracias, wapa.
Paloma No conozco el servicio que dices... pero probablemente sea un código en php que Blogger no admite...
Aquí tienes otro servicio:
http://vagabundia.blogspot.com/2008/03/emailmeform-nuevo-formulario-de.html
Hola, Rosa.
Muchísimas gracias!
Con éste lo he conseguido :))))
Rosa, tengo un problemilla. Si coloco el formulario en una entrada, es demasiado grande y se pierde un trozo por la parte derecha.
He dado varias vueltas a todos los pasos de confección del mismo pero no veo dónde cambiar el tamaño y lo mismo he hecho con el código html, probando a cambiar los width. Incluso lo he seleccionado como imágenes y reducido con las flechas... pero no se mantiene...
Algún consejillo?
Gracias, Rosa, y buenas noches.
De blanco Satén Si has colocado el de emailmeform de Vagabundia, tendrás que pregunta allí, no conozco el servicio, es decir, nunca lo usé, así que no se donde debes controlar el tamaño...
Hola Rosa.
He seguido tu consejo y me he creado una cuenta en 123ContacForm. He pegado el código en mi página de Contacto pero cuando se utiliza y se envía el mensaje me saca del blog.
Cual puede ser el motivo?
Gracias
Un saludo
Cristina Siempre es de ayuda el leer comentarios anteriores antes de preguntar...
ROSA NO ME FUNCIONA:
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Open quote is expected for attribute "{1}" associated with an element type "valign".
AYUDAME POR FA!!
me funcionoooooooooooo soy feliz!
estaba pegando en la plantilla, omo dices es bueno leer con detalle antes de empezar
saludos!
Fonomaniachile Por lo que dices eres la misma Valeria del comentario anterior :D
hola, Rosa.
ingrese el código, funciona bien, pero me gustaría que tuviera un fondo blanco o azul y que
cambiar este mensaje "Your message has been sent. Thank you for filling our form!" al idioma español y que después que aparezca mi blog no "123 contactos"
mira como me quedo http://imgpublicidad.blogspot.com/
me podrías proveer un código de un buscador interno de blog gracias.
gracias por el contenido de este blog.
IMG Lo que hay es lo que hay... el formulario es de un servicio externo, no podemos cambiar más que allí nos permiten.
Otra cosa... si eliminas el enlace a ellos te retiran el servicio y dejará de funcionar el formulario.
Para el buscador mira en la etiqueta "buscadores" hay varias opciones.
Hola Rosa, de nuevo por aqui.
he puesto el formulario de contacto y sale en una nueva pagina.el problema es que una vez relleno los campos y le doy a enviar mail, se me queda en la pantalla de "su mensaje ha sido enviado gracias" .
y no vuelve al blog ni a pagina alguna, se queda ahi.
donde lo he hecho mal? agradeceria orientacion.
pd los mail de contacto si llegan a mi correo
Gracias y saludos!
4ever En las opciones de editar tu formulario, has de colocar tu url del blog en una de ellas... lo que no puedo decirte es exactamente donde, pues desde que lo hice ni recuerdo...
Hola Rosa : he cambiado una opcion y ahora sale el :
Please click here to continue.
pero no redirige automaticamente.hay que pinchar.
no se si es asi como debe ir o no.
Gracias
4ever En mi caso, una vez enviado el email, la página se redirige de nuevo a el home del Escaparate de forma automática...
He mirado las opciones, y es en "Redirect to a web page" que hay que incluir la url de nuestro blog para que eso sea así...
@Rosa
la url estaba pero, tenial mal pinchada la opcion...
Muchas gracias Rosa!
Saludos!
Hola, no sé si ya lo habran comentado, pero cuando se envía un mensaje por este sistema, al final me saca de mi página. ¿Cómo hacer para que al momento de ser enviado el mensaje, vuelva al Inicio de mi página?.
Aqui Cuervo Pues si lo han comentado, y de hecho, unos comentarios más arriba está la respuesta... Has de editar de nuevo tu formulario y verás que hay una opción que has de marcar que dice:
Redirect to a web page
Si no marcas ahí, te sacará siempre de tu web.
:O Perfecto!! Gracias gracias gracias querida!!!:P
MamaNunes Gracias a ti siempre compañera! :F
Hola Rosa, te pido un poco de ayuda con este tema.
Yo tengo en mi barra de navegación una opción que es Inicio / Editar, etc. quisiera reemplazar Editar por "Contacto" (imagino tener que tocar el codigo HTML y no se que), y que se me abra el formulario (que ya cree en 123...). lo que no logro entender es que si copio el codigo HTML (opción 2) y lo creo y pego en una nueva Entrada, se me va a aplicar en el blog siempre la entrada. Ojalá me haya explicado y puedas indicarme estas dos dudas?.
Muchas gracias
Quien te lo dijo... En primer lugar lo de siempre... no puedo memorizar los blogs de todos, no se tu url, así que no puedo mirar tu menú...
¿Porqué no habilitas tu perfil en Blogger?:
http://elescaparatederosa.blogspot.com/2007/09/compartir-el-perfil-de-blogger.html
Por otro lado, la entrada con el formulario puedes publicarla con una fecha antigua, incluso antes a la fecha de creación del blog, para que sea la primera publicada y así no aparezca en el home o entre las otras.
Rosa, ya he habilitado la opción (no sabía que existía, disculpas). Entendido lo de publicar la entrada, ahora lo que me queda como duda es como hago en mi barra de navegación incluir CONTACTO, y que ahí se me levante le Entrada creada.
Gracias
Hola Rosa, me hiciste reir con lo de "cotillear"... y es verdad.
Listo, lo del formulario quedó bién ya. Gracias como siempre por tu ayuda.
Publicar un comentario
Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).
Los comentarios están siendo moderados.
Comentar con el formulario antiguo