Forma comentarios lo que necesitas. Diseño web y optimización de motores de búsqueda.

Del autor: Saludos a ti, amigos. Este artículo será una continuación en la que implementamos el envío de datos de formularios al servidor sin reiniciar la página. Aquí continuaremos este tema y aprenderemos cómo tomar datos en el servidor e implementar el envío del formulario a correo electrónico (correo electrónico). Por lo tanto, configuremos el formulario de comentarios y agregue la posibilidad de enviarlo al correo electrónico.

Archivos de origen del artículo actual que puede descargar software.

En esta lección haremos todo lo más simple posible y por su cuenta. En particular, para enviar cartas, utilizaremos la función especial de PHP llamada Mail (), que solía utilizarse antes de enviar cartas.

Empecemos con la sintaxis de la función de correo. Esta función tiene tres parámetros obligatorios y dos opcionales (no requeridos). Parámetros requeridos:

para: el destinatario de correo electrónico (también puede especificar varias direcciones, transferirlas a través de la coma);

sujeto - el sujeto de la carta;

mensaje - Texto de letras.

A partir de parámetros opcionales, solo se usa casi siempre, lo primero es responsable de los encabezados de la letra: codificación, remitente, tipo de letra, etc.

Intentemos enviar una carta usando esta función. Hágalo en el archivo Mail.php en el que aceptamos datos del formulario. El nuevo código de este archivo será:

Tu mensaje publicado

¡Error!

Este es el código mínimo que ya le permitirá formar un mensaje para enviar. Vamos a comprobar cómo funciona:

Como puede ver, el código funciona, en respuesta, recibimos un mensaje que envió la carta. Como trabajamos en un servidor local, aquí las letras realmente no se envían a la función Mail (), se guardan como un archivo de texto en una carpeta especial. En Open Server, esta es una carpeta \\ userData \\ Temp \\ Email \\. Abramos esta carpeta y asegúrese de que la letra esté allí, se verá así:

¡Excelente! Quedan varios puntos, lo que no impedirá el script JS. Por ejemplo, debe mostrar un mensaje no por texto simple, a saber, el código HTML, así como borrar los campos de formulario después de enviar el mensaje. El código de JS final será:

$ (Función (). Enviar (e.Preventdefault (E); VAR DATA DATOS \u003d $ (esto) .serialize (); $ .ajAx ((URL: "Mail.php", Tipo: "POST", DATOS: DATA, BEFORESERT: Función () ($ ("(" # someter "). Siguiente (). Texto (I" Enviar ... ");) Éxito: Función (RES) ($ (" entrada "). Buscar (" entrada " ). Val (""); $ ("# someter"). Siguiente (). HTML (RES);), ERROR: FUNCIÓN () (ALERTA! ;

Es difícil enviar un sitio sin un formulario de retroalimentación.

Por lo tanto, si no hay partición de contacto en su recurso, vale la pena instalarla. Dile cómo hacerlo.

Soluciones para la organización de retroalimentación.

Naturalmente, hay varias formas de organizar la retroalimentación en el sitio: desde los scripts universales a PHP a los complementos y los módulos para CMS. Es decir, la necesidad de escribir el código manualmente, como puede ver, no.

Puede aprovechar las siguientes soluciones universales:

• resort a servicios gratuitos en línea que generan automáticamente el código de comunicación HTML. Pero el archivo de procesamiento de PHP deberá escribir y ponerse solo. Aquí hay uno de los recursos para estos propósitos.
• Póngase en contacto con la ayuda de los servicios gratuitos en línea que generen código HTML y proporcionando a los manipuladores de datos a PHP que a menudo se colocan en los servidores de estos servicios. Uno de los ejemplos de tales recursos.
• Encuentre en los scripts gratuitos de Internet para configurar el formulario de comentarios. Esta opción es aplicable para las personas que conocen en un cierto nivel de HTML y PHP, porque el script en cualquier caso tendrá que adaptarse específicamente a su sitio.

Sin embargo, el conocimiento extendido en el sitio-empleo de los usuarios a menudo no es necesario: la universalidad y una amplia selección de soluciones le permiten establecer el formulario de retroalimentación deseado por cualquiera de los métodos anteriores.

Instalación simple de retroalimentación para HTML

Considere uno de los programas más populares para escribir e instalar formularios de retroalimentación HTML. Amplia se presenta su elección, por ejemplo, en este sitio. El sitio es idioma ruso, será fácil determinar la elección, y la instalación en sí no tomará más de tres minutos.

Pero primero, no debe olvidarse de hacer enmiendas al archivo Config.php estándar: debe cambiar la codificación y escribir la dirección de correo electrónico correcta del destinatario.

La carpeta con archivos corregidos debe copiarse en el directorio raíz del sitio, pero antes de eso, limitando su indexación en el archivo robots.txt ( No permitir: / Sendmail-Zakaz).

En esencia, todo es: si las acciones se realizan correctamente, la forma terminada se verá así:

Hay constructores de formularios de retroalimentación que no requieren soporte para PHR. Considera uno de ellos. Después del enlace en el enlace, verá la ventana, lo que llevará la configuración a la que puede crear el formulario deseado.

Después de que se realicen todos los parámetros necesarios, debe ingresar un punto de control y hacer clic en el botón "Generar" y luego "Obtener el código".

El código resultante que necesita simplemente copiar a la página seleccionada del sitio.

Puede hacer una forma de contacto simple personalmente. Para hacer esto, cree un archivo form.php y guarde el siguiente código:

Para formar un formulario, necesita un archivo de procesamiento. Llamemos a su correo electrónico. Y guárdelo a un código de este tipo:

Formulario de retroalimentación en Joomla

En este bonito sistema de control universal, el formulario de retroalimentación se puede configurar utilizando el componente "Contactos". Es bastante simple, pero, sin embargo, su funcionalidad es bastante suficiente para la operación normal.

Por lo tanto, para configurar el componente, vaya a un panel administrativo y seleccione la pestaña "Componentes / Contactos / Categorías de contactos".

Se abrirá una página en la que ninguna categoría no será. Para crearlo, haga clic en el botón "Nuevo".

El sistema ofrecerá completar los campos "Título" y "seudónimo". Habiendo hecho esto, debe poner una marca "Sí" en la línea "Publicado".

Los ajustes deben guardarse presionando el botón del mismo nombre en la esquina superior derecha de la ventana. La categoría es, queda por crear una página con un formulario de contacto. Para hacer esto, vaya a la pestaña "Contactos" y haga clic en el botón "Nuevo" en la esquina superior derecha.

Rellene el cuadro de diálogo Abrir. Asegúrese de llenar la cadena "Nombre", la cadena seudónimo,. Ponemos la marca "Sí" en la línea "Publicado" y especifique la categoría de este contacto. Ir ligeramente a continuación, encontrará la ventana "Comunicaciones de usuarios", donde desea especificar la persona de contacto del recibo de contacto.

El campo "Información" también se completa, donde debe especificar la posición del formulario en el sitio y la dirección de correo electrónico del destinatario. Los elementos del menú restante pueden estar llenando a los deseos.

El formulario de retroalimentación está configurado, queda por ubicarse en el sitio. Para estos fines, debe ir al panel administrativo y seleccionando la pestaña "Menú", decida el punto de reflexión.

En este menú, crea un nuevo artículo. Para hacer esto, haga clic en el botón "Crear" y seleccione "Contactos / Contacto Página" en el menú que se abre.

Una página en la que desea especificar el nombre del elemento del menú, para registrarlo con un seudónimo, enciéndalo y en el campo de los parámetros básicos "Seleccione el contacto", especifique los detalles de contacto a los que se vinculará este elemento de menú. Guardar ajustes.

Vaya al sitio, encontramos el artículo "Contactos" y haga clic en él. La siguiente página debe abrirse:

Retroalimentación para WordPress

En este sistema, se puede crear el formulario de comentarios, también recurriendo a la ayuda de los complementos. El formulario de contacto de complemento más popular y funcional 7.

Después de eso, debe proceder a la pestaña "Páginas / Agregar nueva", y, activar el modo HTML, inserte el código de formulario de retroalimentación copiado anteriormente

¿Sabe que hasta el 80% de los usuarios abandonan su sitio sin completar la solicitud porque el formulario de comentarios en su sitio está lejos de ser ideal? ¿O está seguro de que su forma de aplicaciones es ideal y tiene una conversión máxima?

Cada vez más, nuestros nuevos clientes que se suman a nuestro estudio, al discutir la creación y la promoción del sitio, se les pregunta acerca de la conversión. Esta es una pregunta absolutamente correcta cuando se trata de marketing en Internet, porque si el sitio no trae clientes, entonces no tiene sentido invertir en él y no hay dinero. En el blog de hoy, contaremos sobre uno de los factores que afectan enormemente la cantidad de clientes del sitio web de la compañía. Este factor es la forma de retroalimentación, o como también se les llama: "Formularios de captura". Qué es el formulario de retroalimentación perfecto.

Inmediatamente, observamos que, dependiendo del segmento de negocios, este formulario puede diferir, porque cada negocio tiene sus propias tareas, sus formatos de interacción con los clientes. Es la forma "Communicada" con el cliente mientras su administrador llama a otros contactos y está esperando nuevas aplicaciones.

El formulario de retroalimentación en el sitio es importante. Usted está liderando un comprador a comprar un servicio de compra u ordencia de manera discreta y cuidadosa. Use todo lo que pueda, comenzando con una interfaz conveniente y termine con excelentes condiciones de ventas. Pero cuando el cliente llega al formulario de pedido, se va. Todo el trabajo de Namamark. Es poco probable que volverá a volver a ti. Esto se puede evitar simplemente cambiando el formulario de comentarios.

¿Qué necesitas formulario de comentarios?

No solo para ordenar / comprar. Con la ayuda del formulario de comentarios, se encuentra fuera de los usuarios lo que les gusta / no les gusta, cuáles son los "bancos" en el trabajo de la compañía e incluso consiguen consejos para mejorarlo. La conversación con los usuarios es:

a) Recaudar lealtad a su empresa;

b) la capacidad de responder rápidamente a la solicitud, reducir lo negativo y salvar al cliente;

c) la capacidad de mejorar el producto o servicio;

d) Manera de aumentar las ventas.

El error principal que los propietarios de sitios inexpertos se comprometen es un formulario de retroalimentación sobrecargado. Los usuarios asusta a un gran conjunto de campos que deben llenarse para hacer una solicitud a su empresa. No quieren proporcionar información excesiva sobre ellos mismos, incluso si le promete confidencialidad. Hemos reunido para usted varias reglas para el registro de una forma ideal.

Regla número 1. Simplifica la forma tanto como sea posible.

¿Qué hay de estas formas completarás más?

O tal

Dejar solo los campos más importantes. Los visitantes de la mayoría de los sitios no les gusta llenar un gran número de campos

Si se realizó la regla de simplificación del formulario, vale la pena esperar un aumento en la conversión en un 30-60%.

Consejo. Retire todo demasiado, deje 2-3 campos o incluso 1. Por lo general, es un "nombre", "Número de teléfono o correo electrónico". Si tiene una tienda en línea y usted realiza un formulario de pedido, los campos serán un poco más: "Nombre", "Número de teléfono o correo electrónico", "Opción de entrega", "Número de productos", "Dirección". Consulte Para qué propósitos realiza el formulario de retroalimentación y lo simplifique lo más posible.

Regla número 2. El formulario debe ser notable.

El formulario de retroalimentación o la aplicación del sitio deben ser notables, de lo contrario, el visitante simplemente no puede notarlo y no rellene. Incluso puede poner un cierto elemento animado que permitirá aún más atención.

Regla número 3. Mínimo "Campos Requeridos"

Un campo obligatorio - Teléfono

A menudo, en los sitios web de las empresas, es posible observar no solo los uniformes sobrecargados por formularios, sino también la obligación de llenar estos campos. El "campo obligatorio" de la formulación está presente en el 99% de los sitios. ¿Quieres aumentar la conversión? Retire el relleno obligatorio en todos los campos, excepto el teléfono. Si una persona quiere, completará esos campos que se encuentran en forma, pero el campo principal es un número de teléfono que permitirá llamar al cliente y aclarar el resto de la información. Lo principal no se olvida de hacer los guiones correctos para los gerentes.

En qué casos la conversión con formas cae:

• Conversión cayendo en un 3% si solicita un relleno del campo que indica la edad
• Conversión cayendo por10% si necesita ingresar el nombre
• Conversión cayendo por2%, si está interesado en qué tipo de aterrizaje vive el visitante.
• Conversión cayendo por4% Si necesita completar la dirección de la residencia

Si los campos sobre la entrega, las direcciones y el PHOE están presentes en la tienda en línea, el usuario, por supuesto, los llena y no afecta la conversión. Pero si desea que complete los datos para enviarle una solicitud, entonces la conversión definitivamente caerá.

Regla número 4. Referencias en el formulario (Condiciones de conversión)

Si tiene la necesidad de enviar a un visitante a leer las condiciones de circulación, procesamiento de aplicaciones, pedidos, etc., luego haga estos enlaces directamente en el bloque de formulario. Al hacer clic en un enlace de este tipo, es mejor mostrar una ventana emergente con información que sea fácil de cerrar y proceder a completar la forma.

Un ejemplo de tal forma:

Trate de minimizar el número de texto y condiciones en el formulario, porque el usuario será demasiado perezoso para volver a leer todo y simplemente cerrará el formulario sin enviarle sus datos. También los errores en este formulario son demasiados campos obligatorios.

Regla número 5. Consentimiento para el procesamiento de datos

Incluso a pesar del hecho de que los datos de la forma se pueden llenar, no son ciertos y no usar la naturaleza de los datos personales, se debe suministrar esta casilla de verificación. Ya hubo solicitantes judiciales por los cuales los acusados \u200b\u200btenían que pagar una multa por incumplimiento de este requisito de la legislación.

Regla número 6. No debe haber listas desplegables

Si su forma es una calculadora, la lista desplegable es aceptable. Pero si hace que una persona elija en qué departamento de su empresa desea ponerse en contacto, reducirá la conversión, porque los usuarios quieren hacer un formulario rápidamente sin pensar en el exceso de información.

Regla número 7. Retire la tapa del formulario

La captura puede reducir la conversión al 40%. Esto se explica por el hecho de que el CAPTCHA a menudo no se lee en absoluto, o al ingresar datos, informa la incorrecta de la entrada de caracteres. Si el CAPTCHA se rejuveneció antes, una gran cantidad de spam podía venir sin ella, entonces hay tecnologías que protegen la forma de ingresar los datos a los robots de spam y sin la entrada de tapping.

En el estudio Artcell, solo usamos dicha tecnología. Como puede notar captches en nuestros formularios, no hay y spam no lo obtenimos.

Regla número 8. Autoware ese formulario es enviado

Después de que el formulario se llena y envíe, debe aparecer un mensaje que los datos enviados y el administrador regresarán en un futuro próximo. Si no hay tal notificación, el usuario no entiende el conjunto de datos o no, vale la pena esperar una llamada de la empresa o no. Esta notificación le ahorrará la duplicación de aplicaciones del mismo usuario.

Regla número 9. Notificación por SMS.

Envíe una notificación automática al número del visitante si su formulario tiene un campo de entrada del teléfono. Esto le permitirá personalizar su atractivo, y el usuario volverá a recordar el nombre de su empresa.

Entonces, ¿qué es: el formulario de retroalimentación ideal?

Resaltado en un marco o color, que le permite notable sobre el fondo del resto de la información en el sitio

Campos de campo mínimo

Uno o dos campos obligatorios

No hay campos con listas desplegables

La presencia de ChekBox para el consentimiento para el procesamiento de los datos obtenidos.

La presencia de referencias y condiciones adicionales inmediatamente en el formulario sin transiciones innecesarias a otras páginas de páginas

No hay captcha

¿Tienes una forma ideal de aplicación, pero sigue siendo pocos clientes? Lea este blog en nuestra revista y encontrará una respuesta a su pregunta. Si su sitio se muda gravemente en los motores de búsqueda, esta información será útil.

Si no puede hacer que la forma de comunicación sea perfecta y desea solicitar ayuda a los profesionales, complete la solicitud a continuación y nuestro gerente volverá a llamar pronto.

Formulario de retroalimentación para el sitioLe mostraré: basado en el uso de la tecnología AJAX. Pero no se preocupe, no necesita saber esto, todo ya está listo, ¡solo tendrá que instalar este formulario y establecerse para usted mismo!

Chicos: el guión está completamente desactualizado. Alguien trabaja, alguien no tiene. Y entiendo y más la lustreza más actualizada. Por lo tanto, prueba a su discreción.

Formulario de retroalimentación PHP con envío a correo

Esto formulario de retroalimentación en el sitio Muy funcional en sí mismo, varios complementos están conectados a ella, que crean una apariencia atractiva y verifique la validez (lectura de la corrección) de los datos que ingresó. ¡Estos complementos funcionan en gran y poderoso! Y llamó esto:

1. Jqtransform - ¡Plugin que le permite hacer que nuestro formulario de comentarios sea hermoso!

2. formalidador - Y este complemento verifica la forma de los contactos en la corrección de la información ingresada y, en cuyo caso se muestra los consejos emergentes!

Para el trabajo completo de este formulario se utilizará clase - phpmailer. Considerado uno de los mejores!

Nota para lo más inteligente:

¡El formulario de retroalimentación para el sitio se puede hacer en HTML! ¡Pero comenzará a trabajar solo con PHP! ¡Y de ninguna manera!

Este es yo para aquellos que buscan un formulario de comentarios solo en HTML. Hazlo, pero no funcionará!

Por lo tanto, los suyos deben admitir PHP, y para esta forma de contactos, PHP no debe ser inferior a la quinta versión. Ojalá, ¿está claro? ¡Además, ahora, cualquier alojamiento normal es compatible con estas condiciones!

Exgente esta forma de comentarios en el sitio www.tutorialzine.com, el enlace conduce directamente a la página original, es decir, Sitio web del autor de este formulario!

Todo está en inglés allí, por lo que tuvimos un poco de Tinker con Sasha, para rusificar esta forma de contactos y los complementos que están conectados a él.

Confieso ser honesto, y con este "molde" había dos días, ya que comenzaron a surgir varios cola, y la forma de comunicación inversa sin terminar hasta el final, más bella, ¡no quería disponer! Así que si usted es un aficionado para hacerlo todo usted mismo, y el pensamiento encajará en su cabeza de luz, para rusificar este formulario, no limitaré un par de consejos, ya que simplemente la traducción de frases no se limitará a:

1. Esta forma de retroalimentación se afilan bajo la burguesa, desde allí y se ha descargado, por lo que le enviará en lugar de personajes rusos normales: Krakoyablla. Observe la codificación. Y en general, ¡todos los "sellos" se asociarán con él!

2. El script de validación inicialmente no entiende nuestras cartas, ¡por lo que deberán registrarlas!

3. Incluso después de estas acciones, si especifica el tema de la escritura en ruso, la letra viene con el tema, sin sujeto (espero que escriba correctamente), se trata si especifica la codificación en el archivo de clase PHPMailer.

4. En la forma original, el texto en los campos de entrada presionados en la parte inferior, y no en el medio. Esta es una falla de plugin JQTRANSFORF.

Bueno, todo parecía pintar y advertido. ¡Vamos más lejos!

Buenas tardes, el formulario de retroalimentación debe estar presente en cada sitio. Hoy mostraré un ejemplo de un formulario terminado para la inserción a cualquier sitio, incluso en el motor de WordPress. El ejemplo terminado del código HTML y PHP se puede copiar en su sitio. Además del ejemplo terminado, hay muchos complementos que también son muy populares. En muchos sitios, este formulario ya está incorporado en el sujeto, pero a veces es necesario agregar otro a otra página o reemplazar el anterior.

Antes de comenzar a escribir este artículo, pasé por Internet en busca de una respuesta a esta pregunta. Revisando más que el número de sitios y blogs, encontré muy pocas respuestas de alta calidad para insertar el formulario de retroalimentación al sitio. La mayoría de los materiales están escritos para trabajar con complementos. En algunos artículos, no está del todo claro qué y cómo hacerlo, el código no funciona, las letras no vienen ... y así sucesivamente.

Ciertamente hay respuestas dignas, pero hay muy pocas de ellas. Daré un ejemplo simple para el cual no se necesita mucha mente. No se requiere ningún conocimiento especial en PHP, más precisamente, no son necesarios en absoluto. Qué y dónde cambiar, escribiré en detalle cuando lo necesite. La forma funciona bien, sin fallas. Un ejemplo de una forma está en mí. En un ejemplo listo, agregué algunos estilos para la belleza, para que la forma no mirara a toda la "matanza". Si lo desea, puede cambiar todo a su discreción.

Formulario de retroalimentación listo para el sitio en HTML

En este ejemplo, el formulario de retroalimentación para el sitio consiste en un código HTML. Tal ejemplo de código HTML Inserte absolutamente a cualquier página del sitio, no importa dónde y lo que usa. El mismo código se puede insertar en la página del motor de WordPress, todo funcionará correctamente y sin fallas.

Al principio del código, en la primera línea, debe especificar su ruta al archivo PHP Form.PHP (aproximadamente más tarde). No hay necesidad de cambiar nada más. Si no está satisfecho con el nombre de la forma y sus campos, siempre puede agregar nuevo o cambiar de edad. También puede agregar sus estilos de prueba recta a la mesa. Si tal opción se incomoda, pida nuevas clases y ya agregue estilos a través de su archivo style.css

¿Quién no sabe cómo se puede hacer, vaya a la administración del sitio, vaya al editor y abra el archivo style.css. Al final de la hoja de estilo, agregue este código. Como resultado, el código de forma debe insertarse en la página y sus estilos CSS en la tabla Style.CSS

INP (relleno: 10px; Frontera: 1px sólido # E5E5E5; Ancho: 200px; Color: # 999999; Box-Shadow: RGBA (0, 0, 0, 0.1) 0px 0px 8px; -Moz-Box-Shadow: RGBA (0 , 0, 0, 0.1) 0px 0px 8px; -Webkit-Box-Shadow: RGBA (0, 0, 0, 0.1) 0px 0px 8px;)

Después de los ingresos realizados, debe tener esta forma de retroalimentación en la página. No es necesario involucrarse en mucho, su forma debe ser más simple y más conveniente posible. No hay campos adicionales adicionales ... nombre, correo, tema y mensaje. Si se desea, incluso el tema del mensaje se puede eliminar.

Código de formulario PHP

Con el diseño del formulario decidido, la belleza fue condenada, ahora necesitas crear un archivo con la extensión PHP y agregar dicho código. Archivo Agregar un cliente a su sitio a través de FTP. La mayoría de los usuarios usan CMS, lanza este archivo en la carpeta con su tema. La dirección y el nombre de este archivo, debe registrarse inicialmente en la marca de su formulario, que mostré anteriormente. Receté el camino completo por el ejemplo, de modo que estaba claro qué y dónde insertar.

(