Cómo crear un formulario de contacto con JotForm y vincularlo con Dropbox

15 de julio de 2012 174 comentarios ,
Este es un videotutorial sobre JotForm, un servicio para crear formularios de contacto bastante completo, que además, nos permite vincularlo con Dropbox.
En el video no lo menciono, pero se pueden crear los formularios aun sin tener que vincularlos con Dropbox, sólo hay que ingresar a la página principal de JotForm para comenzar a crearlos. Pero si tienes Dropbox entonces puedes sacarle provecho por las ventajas que se mencionan en el video.

Aunque los formularios se pueden crear sin necesidad de registrarse lo ideal sería hacerlo, para tener un control total de nuestros formularios. Abajo están todos los enlaces que necesitan. El video sólo explica de forma breve cómo crear el formulario básico, sin embargo ustedes verán que el servicio tiene muchas opciones que son fáciles de aplicar y descubrir.

Click para ver


Crear cuenta | Registrarse en JotForm
Enlace JotForm/Dropbox | JotForm/Dropbox
Página principal JotForm | JotForm


174 comentarios en:

" Cómo crear un formulario de contacto con JotForm y vincularlo con Dropbox "

  1. Buenísimo el video!! te pasaste..
    Una re producción tiene! muy bueno en serio felicitaciones.. :)

    ResponderEliminar
    Respuestas
    1. Es que me agarraste subiéndolo :P

      Eliminar
    2. bueno aca molestandote denuevo.. encontre este post tuyo http://ciudadblogger.com/2011/05/abrir-ventana-al-cargar-el-blog-con.html
      y queria poner un formulario que abra cuando carga la pagina, cree uno y ya probe con varios codigos de los que te da jotform pero no puedo hacer que funcione, nose si no se puede o lo estoy haciendo mal..
      Gracias

      Eliminar
    3. Haz click en "Compartir formulario" y usa la opción que dice IFRAME. Luego en el código de Shadowbox pon el código del iframe, pero en lugar de ponerlo así:
      <iframe allowtransparency="true" src="http://form.jotform.co/form/XXXXXXXXXXX" frameborder="0" style="width:100%; height:510px; border:none;" scrolling="no"></iframe>
      Ponlo así:
      <iframe allowtransparency="true" src="http://form.jotform.co/form/XXXXXXXXXXX" frameborder="0" style="width:100%; height:510px; border:none;" scrolling="no"/>

      Es decir, que el código termine con la diagonal en su interior, en lugar de que termine en </iframe>

      Eliminar
  2. Ya extrañaba que posteareas mi buen potro, saludos y ojalá todo ande bien por alla

    ResponderEliminar
    Respuestas
    1. Gracias bro, luego me conecto por allá para platicar ;)

      Eliminar
  3. eheheheh potro es tu voz?
    eheheheh no seas ta serio y relájate!!!

    interesante info!

    ResponderEliminar
    Respuestas
    1. No, ese no soy yo, es Fulano de Tal, hasta escribió su nombre en el video :)

      Eliminar
  4. Que bueno el video! Tienes que decirme qué editor usas ;)

    ResponderEliminar
    Respuestas
    1. Es uno muy básico, se llama ScreenFlow, lo empecé con Final Cut Pro pero aunque tiene más opciones es más lento.

      Eliminar
    2. Lastima que son para Apple y yo tengo Windows. Quizás me cambio... jajaja.

      Eliminar
    3. Jaja, no hay que ser drásticos, para Windows hay varios muy buenos, yo antes usaba Camtasia y con ese me era más que suficiente para la edición básica :)

      Eliminar
  5. Esta muy bueno el servicio Potro, encantadados todos de conocerte la voz, y ni se diga que clase de internet corres, super rapido. Muy buen Post Gracias!!.

    ResponderEliminar
    Respuestas
    1. Gracias Sergio, aunque mi voz ya se conoce desde el otro videotutorial :)
      Ojalá que les pueda servir de algo por si se animan a crear un formulario.
      Saludos!

      Eliminar
    2. Si potro... Me parece que deberías utilizar este servicio para CB... ;) Gracias! Para mi blog lo voy a implementar!

      Saludos!

      Eliminar
    3. Pues si retomara las consultas por correo seguro será ese servicio el que use para el formulario, eso sin dudarlo :)

      Eliminar
  6. Muy bueno Potro, desde hace tiempo esperaba algo como esto, como siempre eres de los mejores, gracias por ese apoyo que nos brindas.

    ResponderEliminar
    Respuestas
    1. Al contrario, gracias a ustedes por estar siempre aquí :)

      Eliminar
  7. Excelente Potro, ya te estaba extrañando, y buena sorpresa, eso del video super excelente.

    Bendiciones abundantes,

    Gilberto

    ResponderEliminar
    Respuestas
    1. Espero que les sea útil Gilberto. Bendiciones para ti también.

      Eliminar
  8. Hola potro, un tutorial para abrir los videos de la misma forma como abren en ciudad blogger

    ResponderEliminar
    Respuestas
    1. Es con Shadowbox Carlos, aquí está la entrada que lo explica:
      http://ciudadblogger.com/2010/04/shadowbox-ventanas-modales-multimedia.html

      Eliminar
  9. Buena explicacion y buen video, Potro. Yo hace tiempo que lo uso en mi blog REDEANDO, pero no utilizo Dropbox, me envian los correos y los archivos directamente a mi correo electronico. La verdad es que de los servicios gratuitos, yo lo considero el mejor. Me gustaria que vieras como lo he personalizado en mi blog directorio para que agregen lo blogs los usuarios. Lo he añadido un poco de CSS3 pr aqui y por alla y le da un efecto original. Puedes verlo aqui: http://blogsnred.blogspot.com/p/apunta-tu-blog.html. ¿Que te parece? Saludos.

    ResponderEliminar
    Respuestas
    1. Tardé mucho en verlo porque tarda bastante en abrirse tu blog, pero de hecho ese es uno de los templates del formulario que más me gustaron :)

      Eliminar
  10. Muy bueno Potro! Excelente el video explicación! Se agradece!

    ResponderEliminar
  11. GENIAAAAAAAAAAAAAAAAAL! es lo que nesecito para mi blog=)))
    Muchas gracias!!!
    Oye potro una pregunta, se puede crear de alguna manero un FORUM en mi blog_??? Gracias.)

    ResponderEliminar
    Respuestas
    1. Mi blog: gold-tm.blogspot.com

      Eliminar
    2. Hola Admin, mira esta entrada de Jaime, aunque ya tiene algo de tiempo seguro te puede servir:
      http://elbalcondejaime.blogspot.com/2010/02/crear-un-foro-en-una-pagina.html

      Eliminar
    3. tengo un problema=( En la "Edicion de HTML" no encuentro el codigo similar al que me indica Jaime=( el me dice que tiene que ser parecido a este http://prntscr.com/c84wq , pero ami al buscar me dice que no existe ese codigo. Que hago, como lo busco?? Gracias.

      Eliminar
    4. Entonces, que hago Potro. Hay solucion para mi problema o no?
      Por que creo que el codigo que indica Jaime es de la plantillas viejas y yo como uso la nueva pues no lo encuentro, no?

      Eliminar
    5. Nunca lo he aplicado, pero si lo que tienes que buscar es la estructura del gadget HTML/Javascript entonces todos son parecidos, si te es más fácil ponle un título a tu gadget para que lo puedas localizar más fácil. Siento no poder ayudarte más con ese tema pero como te he dicho, nunca lo he hecho.

      Eliminar
    6. Es que busque la primera linea del codigo del gadget, y al encontrarla mire los codigos que tenia alrededor pere no eran nada parecidos(( entonces creo que tendre que crear un forum fuera del blog( bueno =mente Gracias.

      Eliminar
    7. A no, ahora si que esta! jaja pero que pasa en Blogger=)))

      Eliminar
    8. Hoye Potro te deje unas dudas en esta entrada http://ciudadblogger.com/2009/12/alinear-elementos-y-gadgets.html me podrias contestarlas..=) es q me contestas en todas menos en esta y es bastante importante para mi=) Gracias.)

      Eliminar
    9. Todas las preguntas te las he contestado, también esa. Recuerda que en entradas con más de 200 comentarios debes hacer click en el botón "Cargar más" para poder ver todos los comentarios ;)

      Eliminar
    10. ES verdad! madre mia que torpe soy=)

      Eliminar
  12. Hola Potro, ¿Es del estilo de Kontact o emailmeform? ¿Se pueden adjuntar archivos en el envio (cuando rellenen el formulario)??

    Gracias again!!!

    ResponderEliminar
  13. no esta mal, lo peor seria que nadie te contacta por el jejej pero bueno nos vemos !
    http://kenandice.blogspot.com/

    ResponderEliminar
  14. Le he echado un vistazo y tiene muy buena pinta. A diferencia de emailmeform, puedes crear ilimitados formularios. Sin embargo, sólo te permiten 100 envíos (hablo en el free claro). Lo que no sé es a qué se refiere con "Available Space" (100Mb). (Creo que se pueden adjuntar archivos, no??)

    Siento molestarte de nuevo
    Gracias por tu tiempo Potro
    Saludos

    ResponderEliminar
    Respuestas
    1. El espacio disponible es el total de archivos que te puedan mandar al mes, en este caso es de 100MB en el plan gratuito, no es mucho pero tampoco es muy poco ;)

      Eliminar
  15. Hermano potro un saludo y felicidades por todas tus ayudas, dedicación y esfuerzo que pones a esto, no conseguí donde mas hacer esta pregunta y como estaba curioseando tus post decidí hacerte esta pregunta, quiero crear un blog ¿cual es la plantilla que me recomiendas que use y que se adapte muy bien a las configuraciones o ediciones que propones? es decir ; ¿cual es la plantilla que mejor se adapta?
    Muchas gracias!!!!

    ResponderEliminar
    Respuestas
    1. Hola Click Tienda, esa es una pregunta bastante relativa. Todas las plantillas son editables, aquí la cuestión es qué tanto quieras editar, usualmente las plantillas muy personalizadas requieren un mayor mantenimiento y conocimiento del tema, pero en definitiva todas se pueden editar, ya dependerá de tus gustos y las ganas que tengas para editarla en caso de que lo necesites.
      Saludos.

      Eliminar
  16. ola potro saliendo del tema sabrias como poner un video de youtube en blogger pero en otro reproductor que se auto reprodusca al entrar??? por ahi vi un codigo de longtailvideo pero no se como colocarle el codigo autoplay

    ResponderEliminar
    Respuestas
    1. Pues no sé a cuál reproductor te refieras, pero en YouTube sólo tienes que agregar al final del ID del video esto:
      ?autoplay=1

      Eliminar
  17. WOW! te pasaste brother con ese tutorial! :D

    Eres lo máximo Potro! ;D

    P.D. Esa es tu voz? jejeje pareces algo somnoliento jaja :D

    Un abrazo men.

    Saludos

    ResponderEliminar
    Respuestas
    1. He tenido que hablar lento para que me entiendan, si no ni yo mismo me entiendo :P

      Eliminar
  18. Hola Potro, como estas?. Espero que muy bien la verdad, el tutorial MUY BUENO!. Me sirve bastante, aunque ya tengo un formulario de tu anterior entrada, asi que bueno.. solo pase a agradecerte por el videotutorial que hiciste, quedo magnifico. Ahora una pregunta, como puedo hacer para que me hagas una INTRO como la que tienes?. Bueno , no igual! sino algo similar. Es que yo nose usar esos programas para hacer Intros,y bueno... tengo un canal en Youtube y me gustaria mucho tener una tambien. Espero que puedas ayudarme :)

    ResponderEliminar
    Respuestas
    1. Yo también quiero saber cómo se hace :P
      A mí me lo hizo un buen amigo, lo único que sé es que usó Adobe After Effects, por si quieres buscar algún tutorial sobre ello. De todas formas le preguntaré si conoce algún tuto en la red y te paso el link.
      Saludos.

      Eliminar
    2. Esto para hacer intros muy parecida ala mostrada hay tutoriales luego busco y pero seguro que encontrais buscando en youtube AE pasillo intro o semejante.
      Espero que sirva de ayuda

      Eliminar
  19. Oye, le ando dando a mi blog un stylo de pagina web y no de blog jeje, y como en mi blog los usuarios van a descargar modificaciones quiero hacer algo :D, tengo un codigo para empezar la descarga en 3 segundos :D, pero si pongo ese codigo empezarian todas las descargas al mismo tiempo cada que alguien entre a mi blog, entonces quiero saber si hay una forma de que al darle click a una imagen se abra una ventanita dentro del mismo blog en AJAX y ahi que aparezca mi texto que quiero (osea ahi apareceria mi codigo para comenzar la descarga en 3 segundos) como puedo hacer eso ?

    ResponderEliminar
    Respuestas
    1. Suena complejo en Blogger, quizá tendrías que crear mini documentos HTML y que esos contengan el código que tienes, lo que harías sería poner un enlace a una ventana pop up y cuando ésta se abra se mostraría el contenido de tu código. Algo como esto:
      http://ciudadblogger.com/2010/11/escuchar-musica-en-ventana-pop-up.html

      Eliminar
  20. muy chulo....

    aquí mi blog:

    destructorweb.blogspot.com

    ResponderEliminar
    Respuestas
    1. La dirección del blog sólo se debe dejar cuando se trate de una pregunta concreta, de lo contrario podría considerarse SPAM ;)

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
  21. ¡En hora buena por los videotutoriales! es una manera más rápida y amena de aprender. De seguro también para explicar para ti Potro ;)

    Un saludo.

    ResponderEliminar
    Respuestas
    1. Curiosamente no, me es más fácil escribirlo :P
      Un abrazo.

      Eliminar
  22. interesante..
    disculpa Potro
    la otra vez entre a una pagina
    y para ver su entrada por completo me pedia que le diera share en
    un boton de facebook
    o que le diera like, y le di share y como por magia me mostro el contenido de su entrada...
    me preguntaba si tu sabias hacerlo? o si conocias un tutorial por ahi?

    ResponderEliminar
    Respuestas
    1. Hace algunas semanas iba a publicar un código que hace eso, pero, el código no tiene licencia gratuita, así que al ser de pago no puedo publicarlo :(

      Eliminar
  23. Hola Potro, necesito una solución urgente a esto:
    Hace poco puse a mi blog la plantilla Atahualpa. Pero ahora cuando pongo mi blog en la pestaña de Google en vez de salir el nombre de mi blog sale la URL. ¿Me entiendes? ¿Me he explicado bien? Quiero que en vez de que salga la URL salga la dirección. ¿Hay solución? Si la hay dímela.

    ResponderEliminar
    Respuestas
    1. Quiero decir que en vez de que salga la URL salga el nombre.

      Eliminar
    2. Quiero decir que en vez de que salga la URL que salga el nombre

      Eliminar
    3. Cuando dices que pones tu blog en la pestaña de Google, ¿te refieres a los resultados de búsqueda? Porque he puesto "clubpenguinblueandwhite" y me parece el nombre de tu blog correctamente.

      Eliminar
    4. Me refiero a que en la pestaña de la ventana. En vez de salir el nombre sale la URL

      Eliminar
    5. Arriba de <b:skin><![CDATA[/*
      Agrega:
      <title><data:blog.pageTitle/></title>

      Eliminar
    6. MUCHAS GRACIAS POTRO, PROBLEMA SOLUCIONADO. ¡¡¡ERES MAS GRANDE!! GRACIAS MUCHIIIIISIMAS GRACIAS. ¿TE LO PUEDO AGRADECER DE ALGUNA MANERA? BFFFF GRACIASSS

      Eliminar
    7. De la forma que quieras, pero con tu visita es más que suficiente :)

      Eliminar
  24. Hola Potro:
    Pues quisiera saber si se pudiera hacer un bloqueo a una persona que comenta en mi blog. Y me gustaria saber si pudiera haber una manera que bloquearlo y que ya no pueda comentar mas. Gracias espero que me respondas. :D

    ResponderEliminar
    Respuestas
    1. Hola Antonio. Lamentablemente en Blogger no se puede (aun), lo único que puedes hacer es moderar los comentarios para que elijas no publicar los comentarios de esa persona.

      Eliminar
    2. No lo sé, eso sólo el equipo de Blogger podría respondértelo ;)

      Eliminar
  25. Hola Potro!!! Necesito nuevamente de tu ayuda! Espero que me puedas contestar lo más pronto posible.. ;)
    Lo que pasa es que estoy a punto de abrir una tienda online tienda.avrilparaguay.com y estoy utilizando una plantilla para eso pero tengo un problema y es que al agregar los productos al carro de compras y presionar en el boton "hacer pedido por correo", en vez de enviar el pedido lo que hace es abrir una opcion para descargar el fichero php que agregué al scrip. Tienes alguna idea de como solucionarlo? Tanto el fichero php como el scrip los tengo alojados en dropbox.

    El scrip es este: https://dl.dropbox.com/u/17367490/simpleCart2email.js

    El fichero php es este: https://dl.dropbox.com/u/17367490/envioporemail.php

    Ah! Un dato: el fichero php lo pegué y edite con notepad y luego guardé el archivo agregandole al final ".php". Hice bien? Si lo hice mal: como se crea un fichero php?

    Espero tus sabias respuestas!
    Gracias de antemano! ;)

    ResponderEliminar
    Respuestas
    1. Hola Avril Lavigne / Avril-Paraguay, no conozco la plantilla ni cómo funcione, pero en Dropbox los archivos PHP no funcionan, necesitarás un hosting dedicado al alojamiento de sitios web.
      Me parece que hace poco en Oloblogger publicaron un tutorial para subir archivos PHP en un alojamiento, quizá quieras darle una mirada y probar con esa opción, porque con Dropbox no te servirá.
      Saludos.

      Eliminar
    2. Hola,
      yo estoy haciendo una tienda con Simplecart y tengo el mismo problema que Avril Lavigne, he probado a subir el php a Dropbox, Bytehost, 000webhost...y nada, no consigo que funcine.
      El problema es que no ejecuta el php, sino que abre una nueva pagina con el texto del codigo php. ¿Alguna idea de como solucionarlo? Ya he mirado en Oloblogger y nada me ha servido.
      Muchas gracias.

      Eliminar
    3. Hola partty, déjale la pregunta a Oloman, él sabrá responderte en esos temas mucho mejor que yo.
      Saludos.

      Eliminar
  26. NO me expliqué bien en el comentario anterior. Verás:
    Hace poco a mi blog le puse la plantilla Atahualpa. Pero ahora cuando entro en el en la pestaña de la ventana (que de normal pone el nombre del blog) pone la URL y yo quiero que ponga el nombre. ¿Como puedo solucionarlo?

    ResponderEliminar
  27. Hola Potro, agregué el formulario en forma de una pestaña con el gadget HTML, pero al parecer es incompatible con el gadget de google + en el cual ves los post, existirá alguna solución para esto?, la verdad es que ambas aplicaciones me parecen interesantes de incorporar...gracias y felicitaciones por tu blog

    ResponderEliminar
    Respuestas
    1. Hola adyaner, haz click en "Compartir formulario" y usa la opción que dice IFRAME.
      Saludos y gracias por tu comentario.

      Eliminar
  28. Que tal potro super bueno tu video me gusto la plantilla lastima que no use Mac para poder usar es editor de video,veras te quiero hacer una consulta estoy tratando de añadir un formulario parecido al de contactos en el menu http://ciudadblogger.com/2012/03/menu-deslizante-abajo-del-blog.html asta ay todo bien el problema es que cuando se inicia la pagina no funciona es decir el menu no sube y tambien tengo añadido los menu verticale http://ciudadblogger.com/2011/03/menu-vertical-desplegable-con-jquery.html que tampoco funcionan se quedan abiertos ninguno de los dos al hacer clic funcionan,tienes alguna idea de por que no funcionan esto solo pasa cuando añado el codigo del formulario,(el formulario posea unas librerias .js).espero tu ayuda y una guia para solucionar este problema gracias

    ResponderEliminar
    Respuestas
    1. Hola HANNIBAL T, parece que el formulario sí usa alguna de esas librerías porque ya alguien más reportó un problema similar. Quizá sea conveniente que uses el formulario como IFRAME, para ello haz click en "Compartir formulario" y selecciona la opción que dice IFRAME.

      Eliminar
    2. si men a usado Scriptaculous, y como tengo la libreria jquery dio conflicto pero ya lo soluciones con jquery.noconflict() y listo todo funciona bien,una pregunta veras hay una forma de cambiar el color de fondo de las entradas por que tengo problemas de visualizacion y del texto en mi nueva plantilla del blog y no se ve bien ante el ojo, si tienes algun codigo por ay muchas gracias ....saludos men

      Eliminar
    3. Depende cuál plantilla uses. Regularmente sería así:
      .post {
      background:#ccc;
      }

      Eliminar
  29. Debo decir que te leo desde hace rato y sinceramente me encantan todas las recomendaciones que haces ¡Eres lo máximo!

    Tengo dos preguntas que no vienen al caso con el post jaja, pero espero puedas ayudarme...

    Utilicé lo que recomendaste acá http://ciudadblogger.com/2012/03/boton-ir-arriba-con-jquery-que-aparece.html y mi problema es que el mugre botón no desaparece, siempre está ahí, no se cómo arreglarlo ._.

    Mi otra duda ¿Habrá algo que se pueda utilizar como el Comic Press de Wordpress para publicar mitad texto, mitad tiras cómicas? Ya tengo este blog por mucho tiempo y cambiarme se me hace muy fastidioso, sobre todo por mis seguidores; eso y que Wordpress se me hace medio complicado de usar.

    Un saludo, te dejo la dirección de mi blog :) http://lucerita-asintota.blogspot.mx/

    ResponderEliminar
    Respuestas
    1. Hola **Lucerita-Asíntota**, quizá lo del botón sea cuestión de compatibilidad entre las versiones de jQuery, mira aquí:
      http://ciudadblogger.com/2011/10/jquery-sus-versiones-y-el-conflito.html

      Cualquier otra duda sobre el botón deja la pregunta allá para no desviarnos del tema de esta entrada ;)

      Lo del Comic Press no me queda muy claro porque no estoy muy enterado sobre ese theme, pero se me ocurre que arriba de las entradas podrías utilizar un tipo slider para que pongas ahí las imágenes de tus comics, y abajo lo usarías para tus entradas normales.

      ¡Saludos!

      Eliminar
  30. Hola Potro me podes ayudar?
    Tengo una web: http://wca-2012.blogspot.com.ar/
    Y se me cambiaron de lugar los gedgets todos me aparecen abajo de todo , y aparentemente el "footer"(la tabla blanca) aparece arriba,
    ¿Me podes ayudar?

    ResponderEliminar
    Respuestas
    1. Hola Dueña. El problema podría estar en tus entradas, es posible que hayas dejado abierto un DIV o cualquier otra etiqueta. Si entradas a "NOMINADOS: MISSXV MANÍA" verás que ahí se muestra bien, pero después de esa entrada hasta la última en todas tienes el mismo problema, por lo que puede ser que en todas esas últimas entradas tengas mal algún código; tendrás que revisar esas entradas o re-escribirlas de nuevo.

      Eliminar
  31. hola potro ojala me puedas ayudar me gustaria saber cual es el script o como se pone asi las entradas populares como en esta imagen http://i983.photobucket.com/albums/ae311/nibso615/Dibujo.jpg

    ResponderEliminar
    Respuestas
    1. ¿El gadget de entradas populares? No he visto algún método que lo ponga exactamente así. Sin embargo en Oloblogger hay una interesante opción:
      http://www.oloblogger.com/2012/06/transformando-el-gadget-de-posts.html

      Eliminar
  32. WOW... Cada vez Dropbox me enamora más, y este servicio de Jotform esta genial, voy a usarlo. Gracias El Potro!

    ResponderEliminar
    Respuestas
    1. Una buena combinación de dos excelentes servicios :)

      Eliminar
  33. se podria hacer que lo que se envie se publique en blogger como otro tutorial que tienes? y si suben un archivo mp3 se pege el enlace en el blog O.O creo que pido demasiado pero bueno esta excelente gracias por el tuto

    ResponderEliminar
    Respuestas
    1. Puedes hacer que se publique en Blogger si configuras la dirección de correo poniendo la de Mail2Blogger, pero el audio no se publicará, sólo las imágenes.

      Eliminar
  34. hola potro tengo un problema

    no me aparecen los archivos en dropbox como le ago no lo encuentro por ningun lado

    ResponderEliminar
    Respuestas
    1. Hola Eddy, asegúrate de haber dado los permisos a la aplicación. Si no estás seguro si está bien entra a Dropbox (desde la página web) , arriba en tu nombre da click y selecciona "Configuración", luego ve a "Mis aplicaciones" y revisa que esté ahí el nombre de JotForm. Si todo está bien entonces en tu carpeta de Dropbox (no dentro de Public) deberá estar.

      Eliminar
  35. Que pena muchachos, como se hace para que un video se reproduzca así como el vídeo de este tutorial? es decir, en el centro y con la demás pantalla en negro.

    ResponderEliminar
    Respuestas
    1. Con Shadowbox:
      http://ciudadblogger.com/2010/04/shadowbox-ventanas-modales-multimedia.html

      Eliminar
  36. Oye Potro se puede hacer que al pulsar en un boton se abra el formulario directamente en mi blog??? Gracias.

    ResponderEliminar
    Respuestas
    1. Pega el código de tu formulario en una entrada o página, luego enlaza esa página con tu botón y listo.

      Eliminar
    2. Es verdad! eso tambien me sirve=) Gracias.

      Eliminar
  37. Que gran intro la del video, como la has echo?

    ResponderEliminar
  38. Perdón que te moleste de nuevo Potro, pero este formulario podría ser modificado para que cumpla la función de que ''Cualquier publique en tu blog'' como EmailMeForm. Me parece mucho mas atractivo que el de EMF, Saludos!

    ResponderEliminar
    Respuestas
    1. Supongo que sí Hockster, sólo sería cuestión que cambies la dirección de correo (donde te llegan los envíos) por la de la palabra secreta de Blogger.

      Eliminar
    2. Si, pero... dónde se supone que puedo configurar eso?
      Saludos y no te molesto mas Potro!

      Eliminar
    3. No es ninguna molestia. En el menú del formulario cuando lo editas verás el botón "Alertas por email", ahí puedes agregar la dirección de correo.

      Eliminar
  39. HOla Potro, ahora por aquí....;)

    He estado mirando los formularios (muy buenos por cierto; GRACIAS), y quería saber si hay alguno de los de examenes online que se puedan corregir solos (supongo que yo metería las respuestas correctas para que se comprueben). Es decir, que me llegue el formulario con el examen y el resultado.

    Ya sé que pido muchísimo pero te veo capaz de todo ;)

    GRACIAS MAJO!!
    abrazos

    ResponderEliminar
    Respuestas
    1. Gracias por la buena fe :) aunque en realidad ahí dependería del servicio si ofrece ese tipo de cosas que son más complejas. Dudo mucho que algún servicio lo tenga, en caso de que existiera supongo que sería que tú mismo lo hicieras pero obviamente con conocimientos de PHP, servidores, etc. (yo de eso no sé nada)

      Eliminar
  40. ok gracias. Es que me complico mucho jeje ;)

    Abrazos

    ResponderEliminar
  41. Este video tutorial es como tus aportes escritos, claros y precisos, me gusto mucho, muy pocos video tutoriales se ven que tengan planeacion detras, te felicito, lo probaré y vincularé a mi cuenta de drop, cualquier duda que me surja te contactaré como siempre XD.
    Nos vemos Potro y Gracias.

    ResponderEliminar
  42. Hola potro me funciona todo menos El texto libre (HTML). Y realmente es lo que mas me interesa, sabes como arreglarlo o si existe otro formulario que lo tenga?? Es que mi idea es que con el formulario mis visitantes puedan crear post para el blog.

    Saludos, y felicidades por el blog

    ResponderEliminar
    Respuestas
    1. ¿A qué te refieres con que no funciona master?, ¿qué código estás poniendo?

      Eliminar
    2. Yo en el formulario añado nombre, apellidos, email, subir fotos y el texto libre (HTML). Y me funciona todo correcto menos este ultimo. Pincho sobre el y no pasa nada, no deja ni escribir ni nada cuando lo añado a mi pagina. Probandolo en la pagina si funciona.

      Eliminar
    3. Acabo de probar un formulario usando esa característica, lo pegué en un blog y todo funciona perfectamente bien.
      Quizá no ha quedado claro la función de esa opción. El código HTML (o texto libre) no es para que los usuarios escriban algo ahí, es para que tú escribas algo en HTML, ya sea un texto en negrita, con colores, insertar un video, un mapa, etc. Esa es su función, no otra.

      Eliminar
  43. Hola potro, viejo disculpa mi ignorancia, hace un tiempo fue que estaba muy informado sobre cosas de modificar blog.. cuando ya lo disene al gusto que queria, me aleje del mundo de tutoriales para modificarlo, y las cosas se olvidan, ahorita ando buscano hacerle modificaciones y esta herramienta me interesa bastanteee... sonara tonta la pregunta, pero como lo anexo al blog ? :S

    ResponderEliminar
  44. hola potro, hace un tiempo fui lector numero 1 de tu pagina, ahora que vuelvo, esta super el diseno que le tienes. le logre varias modificaciones a mi blog con tu ayuda en aquel entonces, hasta el punto que la logre modificar a mi gusto, y hasta estas fechas no habia leido ningun post ni nada referente a modificaciones del blog y pues las cosas se olviadan.. he vuelto ya que necesito modificar bastante toda la informacion de mi blog y esta herramienta es algo que necesito... disculpa la pregunta tonta, pero ando super olvdado de todo, como lo anado a mi blog para que sea visible, no tngo q anadir ningun script o algo a la plantilla? gracias

    ResponderEliminar
    Respuestas
    1. Hola TucajaFuerte, no es necesario añadir nada extra, sólo tienes que dar click en "Instalación e incrustar", copiar el código y pegarlo en la entrada, página, o gadget que quieras.

      ¡Saludos y gracias por regresar!

      Eliminar
  45. pues si, ayer me le aplique unas horitas y lo hice funcionar a la perfección, tal cual como queria. una pregunta, existe alguna forma de poder modificar algunas pagina del block al estilo amazon, para usarlo como venta de productos, y la persona pueda presionar seleccionar el producto, se procese su orden, se le genere un numero de orden.. espero me entiendas a loq me refiero, y si sabes de algun modo para lograrlo estaria muy agradecido.. saludos !

    ResponderEliminar
    Respuestas
    1. Lo dudo mucho, pero quizá podrías abrir otro blog y ahí poner una plantilla para esos fines:
      http://javatemplates.com/2011/blogger-store/

      Eliminar
    2. Hola potro, he subido ese tema a mi blog y estoy probandolo e intentando modificar cosas segun mis necesidads. Puse el carro en español, añadi mi direccion paypal, cambie el menu... Pero el recuadrito ese con las imagenes que van cambiando no lo localizo en la edicion HTML de la plantilla. Me puedes ayudar?

      Eliminar
    3. ¿Cuál recuadrito de imágenes que van cambiando? o.O

      Eliminar
    4. en el que sale un paraguas un casco, un portatil, unos tenis,....
      En el lado izquirdo arriba de la plantilla blogger-store

      Eliminar
    5. Yo nunca la he usado, no sé cómo se edita, pero busca en Oloblogger, pon "blogger store" ahí verás algunas entradas que han publicado sobre su funcionamiento.

      Eliminar
  46. muchas gracias ,, por toda la información que compartes ,, enhorabuena por tu trabajo...toni

    ResponderEliminar
  47. IMPRESIONANTE POTRO!!! UN SIMPLE "GRACIAS" TE QUEDA CHICO AMIGO... me rompia la cabeza tratando de hacer andar uno que tenia por ahi en codigos php y chino basico pero no lo logre... hasta que vos como siempre, me salvaste!!

    ahi tenes el formulario funcionando: http://culturadial.com/
    naaaa, sos un idolo de multitudes de verdad!!!

    MIL GRACIAS!!! =)

    ResponderEliminar
    Respuestas
    1. Muchas gracias a ti por tan amable y efusivo comentario :)

      Eliminar
  48. Hola El Potro, de nuevo por aqui. Vi esta entrada de tu blog y decidi cambiar el formulario que ya tenia porque era muy pobre en lo visual.
    Ya lo agregue en la pagina de contacto de mi blog pero el formulario apararece menos de la mitad y no he encontrado como hacer para que se muestre todo, eh probado poniendo codigos html para dejar espacios en blanco pero no se muestra el resto del formulario.
    Me podrias ayudar?

    ResponderEliminar
    Respuestas
    1. Tendría que ver la página donde lo has puesto para comprender el problema.

      Eliminar
  49. Muchas gracias, genial como siempre.

    ResponderEliminar
  50. La página es esta:

    http://smsfan.blogspot.com/p/contacto.html

    ResponderEliminar
    Respuestas
    1. No sé si ya lo hayas resuelto o si sea tu navegador, porque desde Chrome se ve todo bien y completo.

      Eliminar
    2. mmm, no revise como se veia en otros navegadores. Aun no lo resolvi, en firefox, que es el navegador que uso para todo, se ve incompleto. Recien revise en chrome y se ve completo y bien.
      ¿Que podria ser?

      Eliminar
    3. Hola, disculpa el doble posteo, ya lo pude solucionar. El problema es que hay cierta incompatibilidad con algunos templates de los formularios y firefox. Lo que hice fue copiar todo el codigo de la forma que hice en la pagina estatica que la iba a contener. Ahora aparece entera.

      Aqui dejo el enlace donde hablan del problema en jotform:
      * http://www.jotform.com/answers/50710-incompatibilidad-del-script-con-mozilla-firefox-o-descarga-de-codigo-fuente?entrymessage=10732640770

      Y aqui dejo el tuto de como conseguir el codigo entero del formulario que vas a ocupar:
      * http://www.jotform.com/help/104-How-to-download-a-source-code-of-your-form

      Ahora una pregunta: Como hago para que el formulario me quede centrado y no hacia la izquierda y como hago para darle mas espacio para abajo, para que no queda tan pegado al borde inferior.

      Gracias.


      Eliminar
    4. Gracias por los enlaces JosecK, espero puedan servirle a alguien más.
      El código del formulario puedes encerrarlo así para centrarlo y darle ese espacio:

      <div align="center" style="margin-bottom:30px;">

      ...Aquí el código del formulario...

      </div>

      Eliminar
    5. Hola El Potro, puse el codigo que me pasaste pero me causo problemas porque el texto de la forma se corrio hacia la izquierda, es decir que la imagen de la carta se quedo quieta mientras el texto se alineo al centro.

      Lo solucione sacando el codigo que agregue y en la seccion que empieza aqui:

      }/*--form all styles--*/

      Le agregue esto al final:

      margin-left: 40px;
      margin-bottom: 40px;

      Con eso ya se corrio todo hacia la izquierda y me quedo el espacio hacia abajo como queria.

      Muchas gracias por tu guia!!!

      PD: Una ultima pregunta, que seccion de la plantilla controla la ubicacion del texto de las entradas, no de los titulos, solo del contenido de las entradas, si miras mi blog (smsfan.blogspot.com) veras que esta muy pegado con el borde superior.

      Eliminar
    6. Usualmente es .post-body pero en tu plantilla parece que es .entry-content

      Eliminar
    7. Muchas gracias maestro, jaja. Lo agregue antes de ]]> y ya quedo.
      Realmente, no cualquiera haria lo que tu haces, de leer cada comentario e intentar ayudar.

      Gracias por tu tiempo y por tu ayuda desinteresada.

      Eliminar
  51. Muchas gracias Potro, eres un fenómeno!!!
    Perfecto y a la primera

    ResponderEliminar
  52. Hola Potro,te comento que días y días me la pasaba buscando algo actual y sencillo,como varias personas que tenemos blogg no dominamos el tema con códigos html y etc,pero la verdad tú lo haces recontra sencillo y por eso te felicito.
    Acabo de ver el formulario y una pregunta como hago para ponerlo en mi blog y que estos mensajes vayan directamente a mi correo;se puede????
    Gracias.

    ResponderEliminar
    Respuestas
    1. Muchas gracias por tu comentario Mercan Top. En el video se menciona cómo conseguir el código que puedes pegar en alguna entrada de tu blog.
      En cuanto a la otra pregunta, en el menú del formulario cuando lo editas verás el botón "Alertas por email", ahí puedes agregar la dirección de correo a la que quieres que te lleguen los envíos.
      Saludos.

      Eliminar
  53. Hola Potro, mira estoy tratando de hacer este formulario y sólo avanzo hasta el primer paso, no me permite crear la cuenta.
    Por favor ayudame talvez haya otro formulario que pueda hacer.
    Sólo quiero uno que todos los comentarios o pedidos me los manden a mi correo.
    Ayudame porfa.
    De antemano mil gracias.

    ResponderEliminar
    Respuestas
    1. ¿Qué problema te da para crear la cuenta? Recuerda que también puedes hacer el formulario sin necesidad de crear la cuenta.

      Eliminar
  54. Mi estimado potro,disculpa tantas molestias,te invito a que revises mi blog....mercantop.blogspot.com.
    Como verás ahí he puesto el menú despegable que vi en uno de tus tutos,pero te recuerdo que no domino mucho el tema, y dime como puedo hacer para llenar donde dicen: Artículos - Damas-varones; ya que deseo promocionar mis ventas.
    Gracias.

    ResponderEliminar
  55. Ayudame porfa con los submenus
    visita mi blog: mercantop.blogspot.com
    Gracias.

    ResponderEliminar
    Respuestas
    1. Hola Mercan Top, si la pregunta es sobre esa entrada entonces en esa entrada debes dejar el comentario, eso es para no dispersarnos y no salirnos del contexto de este post.
      Saludos.

      Eliminar
  56. Ayuda potro ya cree el formulario pero despues intente enviar una imagen desde mi web para provar el formulario pero la imagen no me llega a mi carpeta de dropbox en mi pc no me llega el formulario no se por que me pudieras ayudar ??

    ResponderEliminar
    Respuestas
    1. Hola cholo5247, entra en tu cuenta de Dropbox y ve a "Aplicaciones":
      https://www.dropbox.com/account#applications

      Asegúrate que ahí aparezca la aplicación de JotForm, si aparece ahí entonces todo está bien, en caso de que no deberás volver a vincular la cuenta.

      Eliminar
  57. Hola Potro, como hago para colocar este formulario a la izquierda de la pagina ya que he intentado de todo y siempre me queda en el centro.

    ResponderEliminar
    Respuestas
    1. Mira esta entrada Christian:
      http://ciudadblogger.com/2009/12/alinear-elementos-y-gadgets.html

      Eliminar
    2. Si es la que habia visto pero no me dió resultado. Googleando me encontré con etiqueta div que me lo movió por fin pero no te lo puedo mostrar porque cuando lo escribo acá me dice que "su html no es aceptable"

      Te paso el link de la pagina para ver si me podés decir si está bien esa etiqueta.

      Es la segunda que está en azul:

      http://www.forosdelweb.com/f4/como-mover-contenido-iframe-100px-hacia-arriba-816178/

      Gracias Potro por tu paciencia.

      Eliminar
    3. Con la entrada de la alineación debe servir, si no te ha funcionado dime en cuál entrada o página lo has puesto (ya con el código de la alineación).
      Saludos.

      Eliminar
    4. Lo puse en la pagina de contacto:

      http://fdtenradio.blogspot.com.ar/p/contacto_29.html

      y asi es como queda con el codigo de alineación

      Eliminar
    5. Creo que encontré el problema Potro, le baje el % al ancho del formulario y anduvo perfecto. Gracias!!

      Eliminar
  58. Potro, mire, me gustaria poner en mi blog un chat de consulta como el que hay por ejemplo en esta pagina: http://www.deathbycaptcha.com/user/login

    Me puedes indicar como puedo hacerlo? GRACIAS

    ResponderEliminar
    Respuestas
    1. No podemos usar ese tipo de chats en Blogger ya que requieren de PHP y un hosting.

      Eliminar
    2. Y con esto tampoco podria?? http://www.000webhost.com/

      Eliminar
    3. El problema es que nuestro blog no está alojado en un hosting que podamos manipular, está en blogspot y no tenemos acceso a nada de él.

      Eliminar
  59. Hola potro buenísimo el programa y el formulario, pero tengo una duda:
    Quiero colocarlo en una pestaña arriba en la barra horizontal donde ponga contacto y que al pinchar me salga el formulario.Cómo y donde tengo que pegar el código.Muchas gracias por todo tu esfuerzo y ayuda.
    el blog es http://asociacionfqbizkaia.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Jesús, ya te he respondido en otra entrada. Saludos.

      Eliminar
  60. Hola potro gracias por tu tiempo. una pregunta, cual es el script para abrir una ventana de esa forma como se abrio el video. (como flotante) con el fondo negro.

    ResponderEliminar
    Respuestas
    1. Hola kooBo, es Shadowbox:
      http://ciudadblogger.com/2010/04/shadowbox-ventanas-modales-multimedia.html

      Eliminar
  61. muchas gracias! me sirvio mucho en verdad, este y otros articulos que has publicado, gracias!

    ResponderEliminar
  62. Buen dia Potro una duda fijate que quiero hacer una tabla en jotform pero no tengo ni la menor idea de como es algo asi como excel columnas y filas para realizar trabajos de contabilidad o algo por el estilo o planillas no se como hacer me hechas las mano te lo agradecere

    atte:
    Aristides Martinez

    ResponderEliminar
    Respuestas
    1. Saludos Aristides. Desconozco si algo así se pueda hacer, pero no está de más que revises las plantillas que tiene JotForm, tal vez alguna de ellas tenga algo similar a lo que deseas.

      Eliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger