Está en la página 1de 13

Formulario de contacto rpido y seguro - Fast secure contact form

Que tal amigos este es mi primer post en temas relacionados en la administracin de tu sitio web, ms precisamente en lo que concierne a los formularios de contacto. Si tu caso es como el mo, el cual no tengo mucho tiempo para desarrollar en formulario en PHP o de configurar un SMTP; lo nico que tenamos hasta ahora era el contratar esos formulario que se encuentran en lnea como son kontactr el cual es gratuito pero bastante limitado o bien el EmailMeForm el cual es mas configurable y puedes adaptarlo a tus necesidades, pero este otro, es de paga. Aunque estos proveedores cumplen con una funcin la cual es que tengas una forma para que los visitantes de tu sitio web se comuniquen, no cumplen con estas dos caractersticas que en mi opinin todos estamos buscando: altamente configurable y gratuito; hasta ahora. Fast Secure Contact Form Este es un script que fue desarrollado por Mike Challis y tiene dos variantes un script que es un plugin para Wordpress y otro script que fue desarrollado en PHP para instalar directamente un tu servidor de alojamiento. Cita: Desde la pgina del Autor: Fast Secure Contact Form for Wordpress or PHP. Este software libre de formulario de contacto le permite que sus visitantes le enven mensajes rpidos de correo electrnico. Bloquea todas las tcticas ms comunes de los spammers. Spam ya no ser un problema. Incluye un soporte CAPTCHA y Akismet. Adems, el plugin cuenta con multi formulario, campos opcionales adicionales, y una opcin para redirigir a los visitantes a cualquier URL despus de que el mensaje es enviado. Sper personalizable.

Caractersticas:
Opciones sper fciles de personalizar desde la pgina de administracin de configuracin. Caracterstica multi-Formulario: le permite tener tantos formularios diferentes como sean necesario. Campos opcionales extra de cualquier tipo: texto, rea de texto, casilla, radio, seleccin, adjuntar, fecha, contorno (caja). Adjuntar archivos. Herramienta de respaldo y restauracin. Usted puede respaldar y restaurar todos sus formularios o uno de ellos incluidas sus configuraciones. Facilidad de ocultar campos de asunto y mensaje para su uso como suscripciones a boletines informativos. Admite el envo de correo a mltiples departamentos. Opcin de redirigir a cualquier URL despus del mensaje enviado. Opcin de auto respuesta de mensaje de correo electrnico. Cdigo vlido para la codificacin de HTML, XHTML, HTML estricto, Seccin 508, y de accesibilidad WAI. Usos simples de mensajes de error en lnea. Recargar de datos del formulario y advierte al usuario si el usuario olvida rellenar un campo. Valida la sintaxis de la direccin de correo electrnico. El CAPTCHA puede ser desactivado o escondido de los usuarios registrados y/o administradores. Soporte para mltiples destinatarios de "E-mail".

Relleno automtica de formulario para los usuarios registrados. Ttulos de campos personalizables del formulario. Estilos CSS personalizables Envo de E-mail con la codificacin de caracteres UTF-8 para EE.UU. y el apoyo internacional de caracteres. Lenguaje i18n para apoyo a la traduccin (ver FAQ)

Seguridad:
Contiene una seguridad muy elevada, detiene todos los emisores de spam automticos. Soporta Proteccin Akismet contra spam. Controles de entrada de Spam de correo electrnico contra las tcticas mas comunes de los spammers... impide que los spammers forcen que:, cc:, bcc, newlines, y otros tipos de intento de inyeccin de los correos electrnicos de spammers del mundo. Se asegura de que el formulario de contacto se envi desde su dominio solamente. Filtra todas las entradas de forma HTML y otras. El pie de pgina del mensaje de correo electrnico muestra nombre de usuario del blog (si esta conectado), fecha y hora, direccin IP y el useragent (la versin del navegador) del usuario que lo contact.

Soporte de imgenes Captcha:


Incluye la librera Open-source free PHP CAPTCHA por http://www.phpcaptcha.org (puede desactivar esta opcin) Fondos abstractos en multi colores, texto ngulo y transparente. Lneas arqueadas a travs de texto Generacin de CAPTCHA audible Botn Actualizar para volver a cargar cdigo de la imagen si no puede leerlo

Fin de la cita

Traduccin
Para la versin plugin de Wordpress no es necesaria la traduccin ya que cuenta con traduccin a varios idiomas, pero para la versin de PHP es necesario hacer algunas aclaraciones pertinentes. Ya que esta versin solo cuenta con el idioma ingles me di a la tarea de hacer la traduccin, pero antes de hacerla traduccin, le que el programa puede cometer algunos errores a la hora de utilizar textos con caracteres especiales como los acentos, la y otros, as que a la hora de traducir decid omitir estos caracteres ya que el programa de traduccin llamado PoEdit marcaba algunos errores. Adems debido a que son frases sueltas que el programa despus estructura, es difcil saber que es lo que estas traduciendo y es posible que la traduccin cometa algunos errores gramaticales, pero aun as la traduccin es funcional. Si t puedes hacer una traduccin ms apropiada por favor posteala. Para mas informacin visita la pgina del autor: traduccin http://www.fastsecurecontactform.com/translate-php

Instalacin del script en PHP (el que no es para Wordpress)

En este tutorial, iremos describiendo paso a paso la instalacin del script en PHP para su uso, puede ser que en principio te parezca complicado pero una vez que lo instalas y lo configuras y te habitas a la interfase de usuario veras que es muy fcil de utilizar.

Paso 1. Descargar el Software


Descarga la versin PHP desde la pgina del autor clic aqu o descarga esta versin clic aqu que ya incluye traduccin al espaol. http://www.mediafire.com/?04jtdcrgjv97qgo incluye una web en blanco para que la puedas configurar y contiene este mismo tutorial

Paso 2. Descomprimir
Descomprime el archivo en una carpeta de tu preferencia. Encontraras una carpeta llamada contact-files, fschtml y formulariodecontactorapidoyseguro.pdf

Paso 3. Subir al servidor de alojamiento


Sube "toda la carpeta" incluidos los archivos y subcarpetas a tu servidor de alojamiento web, asegrate de que respetes la misma estructura de directorio, subdirectorios, archivos, etc. Para ello puedes utilizar cualquier cliente de ftp como son: FileZilla, SmartFTP, FireFTP, cuteftp, etc.

En mi caso utilizo un servidor que no muestra la carpeta www, y lo subo directamente a public_html, tu caso puede ser diferente y tendrs que subirlo a www.

Paso 4. Permisos de escritura


Asegrate de que la carpeta que recin subiste cuente con permisos de escritura, ya que el script necesita escribir algunos datos, es decir 777, para ello con tu mismo programa de cliente ftp haz clic derecho sobre la carpeta llamada contact-files y se desplegara un men contextual, y selecciona propiedades (propieties), en el men emergente que

aparece veras que tiene los siguiente nmeros 755, cmbialos por 777, selecciona aplicar a todos los archivos y subcarpetas y clic en aceptar.

Paso 5
Abre tu navegador favorito (browser) e ingresa la siguiente direccin: http://nombredetusitio.com/contact-files/install, llegars a la pagina de instalacin de script, selecciona tu idioma, acepta los trminos de la licencia y siguiente.

Imagen 3 Acepta los trminos de la licencia, selecciona tu idioma y continuar

Paso 6
En este paso de la instalacin se verificar que tu servidor de alojamiento cuente con los requisitos necesarios para la instalacin, en todo caso lo que se verifica es que tengas permisos de escritura ya que el programa necesita escribir algunos datos. Si hiciste bien el paso 4, entonces todo estar bien de lo contrario debers repetirlo, como lo muestra la imagen siguiente.

Imagen de ejemplo de tu servidor que no tiene los permisos de escritura

Imagen de ejemplo de tu servidor que tiene permisos de escritura

Paso 7. Configuracin de Ruta


En este paso vamos a especificar cual es la ruta que el software va a utilizar, esto lo detecta automticamente as que esto no lo muevas. Y presiona siguiente.

Imagen configuracin de ruta de los archivos

Paso 8. Configuracin bsica.


Aqu vamos a especificar el nombre del sitio, el nombre del administrador del sitio (Webmaster), correo electrnico, administrador de sesin de usuario, contrasea de administrador, codificacin de caracteres y zona horaria, no hay mayor explicacin solo llena los campos.

Imagen configuracin bsica

Paso 9. Revisar e instala.


En este paso vamos a revisar que toda la informacin sea correcta, sino es as, corrgela.

Imagen revisar e instalar As es como terminamos la instalacin si todo sali bien veras una pantalla que te lo indica, de lo contrario debers repetir todo el proceso, borrando la carpeta que subiste y volvindola a subir

Imagen si tu instalacin esta correcta

Administrar y configurar los formularios


Una vez que has instalado el script lo primero que debemos hacer es ingresar en la cuenta para verificar que todo quedo bien y hacer algunas pruebas de que funciona correctamente, para ello ve la siguiente direccin: http://www.tusitio.com/contact-files/admin o bien ingresa a travs del ultimo enlace que te arrojo el instalador (ver imagen anterior)

Imagen de acceso al panel de control Busca la parte de enviar un correo de prueba para verificar que el script enva correos los mensajes de correo electrnico. Esto est en la antepenltima configuracin

Imagen enviar prueba de correo

Y has una prueba, pon un correo electrnico y pulsa enviar prueba. Verifica que lo hayas recibido, si no lo recibiste busca la parte que dice: Correo electrnico (formulario X) y cambia el parmetro funcin send email por PHP o geekmail segn sea el caso. Prueba con ambos.

Imagen de configuracin de envo PHP o geekmail Si aun as no enva correos no te alarmes (como es mi caso) hay otra forma de verificar si el formulario funciona correctamente y esta es que lo llames desde una pagina web (como si ya estuviera funcionando) y hacer una prueba (como si alguien te enva un correo electrnico desde tu sitio) Para ello vamos a hacer una pgina web en blanco (solo con el formulario) aljala en tu servidor y llmala desde tu navegador (browser). Para que no tengas qua hacer una pagina en blanco, el archivo zip contiene una, solo debes cambiar un script en la seccin heade (cabeza) y otro en la seccin body (cuerpo), esto lo encuentras en el panel de administracin de tu script PHP formulario de contacto rpido y seguro como se muestra a continuacin..

Imagen para encontrar el cdigo php

Abre el archivo llamado scf.html en tu editor de hipertexto favorito o en el bloc de notas, coloca entre las etiquetas head, <script type="text/javascript" src="http://www.TUSITIO.com/contact-files/contact-form.js"></script>, Y Coloca entre las etiquetas body lo siguiente: <?php $contact_form = 1; // set desired form number. $contact_form_path = '/home/SITIO/public_html/contact-files/'; // set path to /contact-files/ with slash on end. require $contact_form_path . 'contact-form-run.php'; ?> Estos datos te los arroja el mismo programa solo cpialos y pgalos en el archivo llamado scf.html Sube el archivo que modificaste a tu servidor de alojamiento web, scf.html y llmalo desde tu navegador. http://www.tusitio.com/scf.html y con esto debe abrir un formulario de contacto que es 100% funcional, haz una prueba de verificacin. Si aun as no recibes correos electrnicos visita la pagina del autor (FAQ) para que encuentres una solucin debido a que esto debe ser problema de tu proveedor de alojamiento web. En mi caso uso el 000webhost y no tengo ningn problema (salvo que el script no manda correos de prueba) los recibo correctamente.

Configuracin del formulario


Para configurar un formulario es relativamente sencillo, solo tienes que llenar unos campos la mayora de ellos se explican por si solos, pero para ayudar a explicar veamos esta imagen clic aqu que esta dividida en 17 secciones que algunas explicaremos y otras no ya que son obvias.

1. rea de men
En esta parte puedes seleccionar entre configuracin del formulario, vista previa, configuracin del sito y salir

2. Mostrar cdigo PHP


Muestra el cdigo Html y php que debes pegar en tu pagina

3. Editar Mltiples formularios


Permite determina el nmero de formularios que deseas tener en tu pgina como por ejemplo: contacto, suscripcin, etc.

4. Formulario
Permite dar la bienvenida y la introduccin al formulario, esto es: imprime antes del formulario de contacto. Se permite HTML

5. Correo Electrnico
Permite determinar cuantas personas van a recibir el menaje, as como la funcin a travs de la cual se enva el correo ya se php o geekmail y adems permite una lista de opciones de asuntos de correo.

6. Akimet
Permite habilitar la funcin del filtro Akimet, el cual determina si el remitente tiene una IP Baneada (Prohibida)

7. CAPTCHA
Evita que los robots de spam automatizados al exigir que el usuario pase una prueba de CAPTCHA antes de publicar. Puede desactivar CAPTCHA si lo prefiere, porque el formulario tambin utiliza Akismet para evitar el spam en Akismet plugin se instala con la tecla activada.

8. Redirigir
Si se activa: Cuando un usuario enva un mensaje, el navegador mostrara "mensaje enviado" por x segundos, a continuacin, redirige a la direccin URL de re direccionamiento. Esto puede ser usado para redirigir a la pgina principal, o un "Gracias" personalizado en la pgina

9. Formulario
Esta es la parte que creo nos interesa a todos y es como personalizar los campo, agregar, modifica, etc. Primero haz clic en la parte que dice opciones avanzadas y se desplegara un men de opciones avanzadas (viene oculta por defecto), aqu podrs ver la opcin campos estndar, la cual permite mostrar o ocultar los campos estndar como son: nombre, correo, asunto y mensaje, pero adems permite agregar los campos que desees o necesites con un mximo de 99 campos. Estos campos que puedes agregar son de diferente tipo como son: text, rea de texto, caja de verificacin, radio, seleccin, archivos adjuntos, fecha, hora, fieldset (caja abierta) y fieldset (caja cerrada)

Instrucciones sobre como usar los campos adicionales:


Usted puede utilizar campos adicionales de formulario de contacto como ejemplo el nmero de telfono, nombre de la empresa, etc. Para habilitar un campo adicional, simplemente introduzca una etiqueta. A continuacin, compruebe si desea que el campo que se requiere o no. Para desactivar, vace la etiqueta.

Campo de texto y rea de texto:


El campo de texto es para la entrada de una sola lnea de texto. El campo rea de texto es para la entrada de mltiples lneas de texto.

Seleccione campos adicionales, Radio, y Casilla de verificacin:


Cuando se utiliza campos de tipo seleccin, casilla de verificacin, radio: en primer lugar ingrese en la etiqueta y una coma. Incluir las opciones de separacin con un punto y coma, como este ejemplo: Color: Rojo, Verde, Azul. Para hacer "Verde" la seleccin por defecto: establecer en 2 por defecto. (El valor predeterminado es para la casilla de verificacin, radio, y tipos de seleccin). Tambin puede utilizar casillas de verificacin mltiples como en este ejemplo: Ingredientes de Pizza: aceitunas, championes, queso, jamn, tomates. Ahora, varios elementos se pueden comprobar por la etiqueta "Ingredientes para pizza". Por defecto radio y casilla de verificacin se muestran verticales. Aqu es como hacer que la pantalla sea horizontal: aadir la etiqueta {inline} antes de la etiqueta, as: {inline} Ingredientes Pizza: aceitunas, championes, queso, jamn, tomates.

Archivo adjunto:
El accesorio se utiliza para permitir a los usuarios adjuntar un archivo que se carga desde el formulario. Puede aadir varios archivos adjuntos. El archivo adjunto se enva a su correo electrnico. Los datos adjuntos se eliminan del servidor despus de que el correo se enva.

Campo de Fecha:
La fecha se utiliza para permitir un campo de fecha con un calendario emergente. El campo de fecha se asegura de que tu fecha se encuentre en un formato estndar en todo momento.

Campo de Hora:
El tiempo se utiliza para permitir un campo de entrada de tiempo con horas, minutos y AM/PM. El campo de hora se asegura de que una entrada de tiempo este en un formato estndar.

Fieldset:
El fieldset (caja abierta) se utiliza para dibujar un cuadro alrededor de los elementos relacionados del formulario. La etiqueta fieldset se utiliza para un (leyenda) titulo del grupo. El fieldset (caja cerrada) se utiliza para cerrar un cuadro alrededor de los elementos del formulario relacionados. La etiqueta no es requerida para este tipo. Si no cerrar un cuadro de fieldset, se cerrara automticamente cuando se agregue otro cuadro de campos.

10. Auto respuesta


Permite que el formulario responda con un mensaje de respuesta automtica

11. Estilos
Permite que edites los CSS pata que tenga la misma apariencia que tu sitio

12. Campos
Permite cambiar etiqueta de campo estndar. Algunas personas querrn cambiar las etiquetas del formulario de contacto. Estos campos pueden ser llenados para reemplazar las etiquetas estndar como son: nombre, correo, asunto y mensaje por los suyos propios.

13. Tooltips
Permite cambiar las etiqueta tooltips, algunas personas querrn cambiar las etiquetas del formulario de contacto. Estos campos pueden ser llenados para reemplazar las etiquetas estndar como son: (indica un campo obligatorio), Imagen Captcha, Audio Captcha y actualizar imagen por los suyos propios.

14. Errores
Permite cambiar las etiquetas de error, algunas personas queran cambiar los mensajes de error del formulario de contacto. Estos campos pueden ser rellenados para anular la norma que incluye los mensajes de error

15. Enviar Corre de prueba


Si usted no recibe correos electrnicos desde su formulario, haga esta prueba ya que puede mostrar informacin para resolver problemas. Hay opciones que puede utilizar para tratar de arreglar los problemas de entrega de correo electrnico, consulte estas preguntas frecuentes para obtener ayuda

16. Respaldar
Esta herramienta puede guardar una copia de seguridad de tu configuracin de formulario de contacto. Se utiliza para la transferencia de uno, o todos, los formularios de un sitio a otro. O simplemente hacer una copia de seguridad para guardar

17. Restaurar
Esta herramienta puede restaurar una copia de seguridad de la configuracin de formulario de contacto. Si usted ha hecho una copia de seguridad, puede restaurar una o todos sus formularios. Es una buena idea hacer copias de seguridad de todos los formularios antes de restaurar los que hay. Los cambios son permanentes!

Conclusiones
No se ustedes pero yo estoy cansado de lidiar con esos engorrosos cdigos en PHP demasiado complicados y enormemente frustrado con los proveedores de internet que no cumplen con las expectativas, Fast secure contact form es sin duda el mejor Formulario de contacto rpido y seguro que existe en la actualidad, debido a que cualquier persona con un mnimo de conocimientos lo puede usar, sin programar php, y sin programar Hipertexto, es altamente configurable, flexible, seguro y fcil.

Fuentes
Formulario de contacto rpido y seguro Wordpress Comentarios, y preguntas son bienvenidos. Por cierto soy novato cualquier apoyo es bienvenido. Si te gusto el cdigo y tienes la oportunidad de poder apoyar al desarrollador no dudes en aportar una pequea donacin de esta manera podemos seguir impulsando el cdigo libre. Recomendacin de LideresNET: altamente recomendado le damos cinco estrellas