Formulario de contacto rápido y seguro - Fast secure contact form

Que tal amigos este es mi primer post en temas relacionados en la administración de tu sitio web, más precisamente en lo que concierne a los formularios de contacto.

Si tu caso es como el mío, el cual no tengo mucho tiempo para desarrollar en formulario en PHP o de configurar un SMTP; lo único que teníamos hasta ahora era el contratar esos formulario que se encuentran en línea 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 función la cual es que tengas una forma para que los visitantes de tu sitio web se comuniquen, no cumplen con estas dos características que en mi opinión 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 página del Autor:

Fast Secure Contact Form for Wordpress or PHP.

Este software libre de formulario de contacto le permite que sus visitantes le envíen mensajes rápidos de correo electrónico. Bloquea todas las tácticas más comunes de los spammers. Spam ya no será un problema. Incluye un soporte CAPTCHA y Akismet. Además, el plugin cuenta con multi formulario, campos opcionales adicionales, y una opción para redirigir a los visitantes a cualquier URL después de que el mensaje es enviado. Súper personalizable.

Características:

Opciones súper fáciles de personalizar desde la página de administración de configuración. Característica multi-Formulario: le permite tener tantos formularios diferentes como sean necesario. Campos opcionales extra de cualquier tipo: texto, área de texto, casilla, radio, selección, adjuntar, fecha,

contorno (caja). Adjuntar archivos. Herramienta de respaldo y restauración. 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 envío de correo a múltiples departamentos. Opción de redirigir a cualquier URL después del mensaje enviado. Opción de auto respuesta de mensaje de correo electrónico. Código válido para la codificación de HTML, XHTML, HTML estricto, Sección 508, y de accesibilidad WAI. Usos simples de mensajes de error en línea. Recargar de datos del formulario y advierte al usuario si el usuario olvida rellenar un campo. Valida la sintaxis de la dirección de correo electrónico. El CAPTCHA puede ser desactivado o escondido de los usuarios registrados y/o administradores. Soporte para múltiples destinatarios de "E-mail".

Relleno automática de formulario para los usuarios registrados. Títulos de campos personalizables del formulario. Estilos CSS personalizables Envío de E-mail con la codificación de caracteres UTF-8 para EE.UU. y el apoyo internacional de caracteres. Lenguaje i18n para apoyo a la traducción (ver FAQ)

Seguridad:

Contiene una seguridad muy elevada, detiene todos los emisores de spam automáticos. Soporta Protección Akismet contra spam. Controles de entrada de Spam de correo electrónico contra las tácticas mas comunes de los spammers... impide

que los spammers forcen que:, cc:, bcc, newlines, y otros tipos de intento de inyección de los correos electrónicos 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 página del mensaje de correo electrónico muestra nombre de usuario del blog (si esta conectado),

fecha y hora, dirección IP y el useragent (la versión del navegador) del usuario que lo contactó.

Soporte de imágenes Captcha:

Incluye la librería Open-source free PHP CAPTCHA por http://www.phpcaptcha.org (puede desactivar esta opción)

Fondos abstractos en multi colores, texto ángulo y transparente. Líneas arqueadas a través de texto Generación de CAPTCHA audible Botón Actualizar para volver a cargar código de la imagen si no puede leerlo

Fin de la cita

Traducción

Para la versión plugin de Wordpress no es necesaria la traducción ya que cuenta con traducción a varios idiomas, pero para la versión de PHP es necesario hacer algunas aclaraciones pertinentes.

Ya que esta versión solo cuenta con el idioma ingles me di a la tarea de hacer la traducción, pero antes de hacerla traducción, 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 traducción llamado PoEdit marcaba algunos errores.

Además debido a que son frases sueltas que el programa después estructura, es difícil saber que es lo que estas traduciendo y es posible que la traducción cometa algunos errores gramaticales, pero aun así la traducción es funcional.

Si tú puedes hacer una traducción más apropiada por favor posteala. Para mas información visita la página del autor: traducción http://www.fastsecurecontactform.com/translate-php

Instalación del script en PHP (el que no es para Wordpress)

En este tutorial, iremos describiendo paso a paso la instalación 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 habitúas a la interfase de usuario veras que es muy fácil de utilizar.

Paso 1. Descargar el Software

Descarga la versión PHP desde la página del autor clic aquí o descarga esta versión clic aquí que ya incluye traducción al español. 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, asegúrate 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 tendrás que subirlo a www.

Paso 4. Permisos de escritura

Asegúrate de que la carpeta que recién 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 números 755, cámbialos 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 dirección: http://nombredetusitio.com/contact-files/install, llegarás a la pagina de instalación de script, selecciona tu idioma, acepta los términos de la licencia y siguiente.

Imagen 3 Acepta los términos de la licencia, selecciona tu idioma y continuar

Paso 6

En este paso de la instalación se verificará que tu servidor de alojamiento cuente con los requisitos necesarios para la instalación, 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 deberás 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. Configuración de Ruta

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

Imagen configuración de ruta de los archivos

Paso 8. Configuración básica.

Aquí vamos a especificar el nombre del sitio, el nombre del administrador del sitio (Webmaster), correo electrónico, administrador de sesión de usuario, contraseña de administrador, codificación de caracteres y zona horaria, no hay mayor explicación solo llena los campos.

Imagen configuración básica

Paso 9. Revisar e instala.

En este paso vamos a revisar que toda la información sea correcta, sino es así, corrígela.

Imagen revisar e instalar

Así es como terminamos la instalación si todo salió bien veras una pantalla que te lo indica, de lo contrario deberás repetir todo el proceso, borrando la carpeta que subiste y volviéndola a subir

Imagen si tu instalación 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 dirección: http://www.tusitio.com/contact-files/admin o bien ingresa a través 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 envía correos los mensajes de correo electrónico. Esto está en la antepenúltima configuración

Imagen enviar prueba de correo

Y has una prueba, pon un correo electrónico y pulsa enviar prueba. Verifica que lo hayas recibido, si no lo recibiste busca la parte que dice: Correo electrónico (formulario X) y cambia el parámetro función send email por PHP o geekmail según sea el caso. Prueba con ambos.

Imagen de configuración de envío PHP o geekmail

Si aun así no envía 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 envía un correo electrónico desde tu sitio)

Para ello vamos a hacer una página web en blanco (solo con el formulario) alójala en tu servidor y llámala 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 sección heade (cabeza) y otro en la sección body (cuerpo), esto lo encuentras en el panel de administración de tu script PHP formulario de contacto rápido y seguro como se muestra a continuación..

Imagen para encontrar el código 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 cópialos y pégalos en el archivo llamado scf.html

Sube el archivo que modificaste a tu servidor de alojamiento web, scf.html y llámalo 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 verificación. Si aun así no recibes correos electrónicos visita la pagina del autor (FAQ) para que encuentres una solución debido a que esto debe ser problema de tu proveedor de alojamiento web. En mi caso uso el 000webhost y no tengo ningún problema (salvo que el script no manda correos de prueba) los recibo correctamente.

Configuración del formulario

Para configurar un formulario es relativamente sencillo, solo tienes que llenar unos campos la mayoría 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 configuración del formulario, vista previa, configuración del sito y salir

2. Mostrar código PHP

Muestra el código Html y php que debes pegar en tu pagina

3. Editar Múltiples formularios

Permite determina el número de formularios que deseas tener en tu página como por ejemplo: contacto, suscripción, etc.

4. Formulario

Permite dar la bienvenida y la introducción al formulario, esto es: imprime antes del formulario de contacto. Se permite HTML

5. Correo Electrónico

Permite determinar cuantas personas van a recibir el menaje, así como la función a través de la cual se envía el correo ya se php o geekmail y además permite una lista de opciones de asuntos de correo.

6. Akimet

Permite habilitar la función 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 también utiliza Akismet para evitar el spam en Akismet plugin se instala con la tecla activada.

8. Redirigir

Si se activa: Cuando un usuario envía un mensaje, el navegador mostrara "mensaje enviado" por x segundos, a continuación, redirige a la dirección URL de re direccionamiento. Esto puede ser usado para redirigir a la página principal, o un "Gracias" personalizado en la página

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í podrás ver la opción campos estándar, la cual permite mostrar o ocultar los campos estándar como son: nombre, correo, asunto y mensaje, pero además permite agregar los campos que desees o necesites con un máximo de 99 campos. Estos campos que puedes agregar son de diferente tipo como son: text, área de texto, caja de verificación, radio, selección, 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 número de teléfono, nombre de la empresa, etc. Para habilitar un campo adicional, simplemente introduzca una etiqueta. A continuación, compruebe si desea que el campo que se requiere o no. Para desactivar, vacíe la etiqueta.

Campo de texto y área de texto:

El campo de texto es para la entrada de una sola línea de texto. El campo área de texto es para la entrada de múltiples líneas de texto.

Seleccione campos adicionales, Radio, y Casilla de verificación:

Cuando se utiliza campos de tipo selección, casilla de verificación, radio: en primer lugar ingrese en la etiqueta y una coma. Incluir las opciones de separación con un punto y coma, como este ejemplo: Color: Rojo, Verde, Azul. Para hacer "Verde" la selección por defecto: establecer en 2 por defecto. (El valor predeterminado es para la casilla de verificación, radio, y tipos de selección). También puede utilizar casillas de verificación múltiples como en este ejemplo: Ingredientes de Pizza: aceitunas, champiñones, queso, jamón, tomates. Ahora, varios elementos se pueden comprobar por la etiqueta "Ingredientes para pizza". Por defecto radio y casilla de verificación se muestran verticales. Aquí es como hacer que la pantalla sea horizontal: añadir la etiqueta {inline} antes de la etiqueta, así: {inline} Ingredientes Pizza: aceitunas, champiñones, queso, jamón, tomates.

Archivo adjunto:

El accesorio se utiliza para permitir a los usuarios adjuntar un archivo que se carga desde el formulario. Puede añadir varios archivos adjuntos. El archivo adjunto se envía a su correo electrónico. Los datos adjuntos se eliminan del servidor después de que el correo se envía.

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 estándar 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 estándar.

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 automáticamente cuando se agregue otro cuadro de campos.

10. Auto respuesta

Permite que el formulario responda con un mensaje de respuesta automática

11. Estilos

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

12. Campos

Permite cambiar etiqueta de campo estándar. Algunas personas querrán cambiar las etiquetas del formulario de contacto. Estos campos pueden ser llenados para reemplazar las etiquetas estándar como son: nombre, correo, asunto y mensaje por los suyos propios.

13. Tooltips

Permite cambiar las etiqueta tooltips, algunas personas querrán cambiar las etiquetas del formulario de contacto. Estos campos pueden ser llenados para reemplazar las etiquetas estándar 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 querían 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 electrónicos desde su formulario, haga esta prueba ya que puede mostrar información para resolver problemas. Hay opciones que puede utilizar para tratar de arreglar los problemas de entrega de correo electrónico, consulte estas preguntas frecuentes para obtener ayuda

16. Respaldar

Esta herramienta puede guardar una copia de seguridad de tu configuración 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 configuración 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 códigos 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 rápido y seguro que existe en la actualidad, debido a que cualquier persona con un mínimo de conocimientos lo puede usar, sin programar php, y sin programar Hipertexto, es altamente configurable, flexible, seguro y fácil.

Fuentes

Formulario de contacto rápido y seguro

Wordpress

Comentarios, y preguntas son bienvenidos. Por cierto soy novato cualquier apoyo es bienvenido. Si te gusto el código y tienes la oportunidad de poder apoyar al desarrollador no dudes en aportar una pequeña donación de esta manera podemos seguir impulsando el código libre.

Recomendación de LideresNET: altamente recomendado le damos cinco estrellas