Páginas

24 noviembre 2010

FoxyForm: Un formulario de contacto muy sencillo

Este es un símplísimo formulario de contacto provisto por FoxyForm.

Cuando digo simplísimo, no exagero en absoluto. Entramos a la página que está en español y seleccionamos las opciones, los campos que queremos que aparezcan, cuáles seran obligatorios, colores y fuentes de texto básicos, nada más; no tiene mucha cosa y tampoco hace falta.

Por último, ponemos la dirección de correo a donde queremos que se envien y click en Crear Formulario.

La ultima pantalla nos mostrará el código que debemos copiar y pegar allí donde querramos colocarlo, una página estática, un post, etc ... y voilá; ya tenemos un formulario de contacto con filtro antispam incluido.

Este es el código que nos dan y es un simple IFRAME así que no hay nada que configurar:
<!-- Do not change code! -->
<table cellspacing="0" cellpadding="0" border="0">
<tr>
  <td>
    <iframe width="400" height="540" frameborder="0" src="http://es.foxyform.com/form.php?id=XXXX&sec_hash=XXXXXXXXXXX"></iframe>
  </td>
</tr>
<tr>
  <td align="center">
    <a style="font:8px Arial;color:#5C5C5C;" href="http://es.foxyform.com">formulario de contacto</a>
  </td>
</tr>
</table>
<!-- Do not change code! -->
Si lo queremos centrar, basta que pongamos todo eso dentro de un DIV así no modificamos el código:
<div style="margin:0 auto;width:400px;">
  ... aquí colocamos el código ...
</div>

26 comentarios:

  1. Se ve bastante bueno, ya lo implementé en mi blog, gracias! :)

    ResponderBorrar
  2. Jmiur ando por aquí, dejo saludos :P ahhh también el Morenito!

    ResponderBorrar
  3. Tiene algún tope de mensajes como E-mail me form o task keeper?? porque ese el el gran dilema de los formularios de contacto!

    ResponderBorrar
  4. Luis Kasanova:
    Perfecto, por l ovisto, funciona bien.

    Graciela:
    ¿No me diga que ÉL tendrá su blog? :D

    Pabela:
    Lo desconozco. Deberás consultar en el servicio mismo.

    ResponderBorrar
  5. Realmente muy util y sencillo, ya lo implemente en mi blog, muchas gracias por compartirlo :)

    ResponderBorrar
  6. buenísimo gracias

    ResponderBorrar
  7. Lo acabo de implementar, funciona. Gracias JMiur ;)

    ResponderBorrar
  8. como puedo hacer le formulario mas pequeño
    es muy grande- le cambio el 400 x 200 pero no se me reduce
    se reduce la imagen pero no el formato

    ResponderBorrar
  9. Es un IFRAME y por lo tanto, su contenido no puede ser modificado más allá de las opciones que da el mismo servicio.

    ResponderBorrar
  10. No sabès lo qué busqué un formulario que sea así de simple sin tener que registrarme ni hacer 10 millones de configuraciones
    Gracias!!!! como siempre Jmiur El mejor ;)

    ResponderBorrar
  11. Este es de lo más sencillo que existe. Fácil de usar. No tiene misterios :D

    ResponderBorrar
  12. no puedo publicarlo en el blog, compio el cod fuente, pero al memento de ejcutar no muetras nada

    ResponderBorrar
    Respuestas
    1. Estarás haciendo algo mal. Imposible saberlo sin verlo.

      Borrar
    2. Gracias por responder a mi colsulta, bueno aqui te dejo la direccion(claro sin tratar de publicitar nada), http://chiquianamil.blogspot.com/ el formulario, deveria salir en la zona que dice contacto,a lado derecho del blog, agradesco tu repuesta de antemano saludos!!!

      Borrar
    3. Pués es curioso. Da la impresión de haber un error en el script y por eso no se carga. Prueba crear otro y verificar todos los datos que, aparentemente están bien.

      Otra alternativa es cargar el formulario directamente ya que el script en realidad, sólo carga un IFRAME y eso lo puedes hacer manualmente; por ejemplo, en lugar de todo ese código, simplemente poner esto:

      <div id="form_42868" style="width:400px; height:577px;"><iframe src="http://es.foxyform.com/form.php?id=42868&sec_hash=aaafb89dda7" style="width:400px;height:577px" marginwidth="0" marginheight="0" allowtransparency="true" align="middle" frameborder="0" scrolling="no"></iframe></div>

      En un blog de pruebas, colocado de ese modo, lo veo perfectamente.

      Borrar
  13. despues de 5 dias a mi me salio esto "Diese Präsenz ist leider nicht verfügbar" como lo soluciono!!????

    ResponderBorrar
    Respuestas
    1. Lo que significa "The website you are looking for is not available" así que debe haber algún error en la dirección url.

      Borrar
  14. si supe lo que significaba al usar googletranslate y de parte mia no hubo ningun error, no toque el codigo en lo absoluto, debio ser en el de foxyform lo cual me deja pensando si esto pasa muy a menudo no es la mejor opcion porque uno puede perder posibles clientes si el sistema se cae

    ResponderBorrar
  15. Como haces para hacer que el formulario aparezca en una ventana emergente? me gusta ese efecto..

    ResponderBorrar
    Respuestas
    1. Utilizando algún tipo de ventana modal que permita mostrar iframes y colocando el formulario en una página separada, por ejemplo, un blog auxiliar.

      Borrar
  16. Hola, necesito cambiar mi direccion de correo en el formulario de contacto, ¿como hago?, tengo puesto FoxyForm, funciona bien pero tengo que hacer ese cambio de destino del formulario. Esta colocado al final de una entrada y cuando intento borrarlo para hacer otro es evidente que borro algo mas, ya que el blog se muestra en la vista previa totalmente desordenado. Gracias

    ResponderBorrar
    Respuestas
    1. Basta crear otro y cambiar la dirección del atributo SRC del iframe. Imposible decirte si está escribiéndolo mal sin saber qué has escrito.

      Borrar
  17. Genial! yo lo he aplicado en mi blog, pero me sale una barra de desplazamiento y no me gusta!! en la foto que muestras no sale...¿hay alguna forma de quitarlo? generé tres códigos y en los tres me sale

    Gracias

    ResponderBorrar
    Respuestas
    1. Lo que ves en el post no es una imagen sino el formulario ral. Si hay una barra de desplazamiento vertical, simplemente aumenta la altura del iframe poniendo un valor más alto en height.

      Borrar

Nota: sólo los miembros de este blog pueden publicar comentarios.